Vai al selettore colori

Colore #337ea5: Vivido azzurro

#337ea5 corrisponde a rgb(51, 126, 165) in RGB e a oklch(56.361% 0.09477 234.775) in OKLCH. Tutti gli altri formati, le sfumature e i valori di contrasto sono qui sotto.

Letto come HEX

201°
100%

56,4%
0,095
235°
  • Azzurro
  • Medio
  • Vivace
  • Freddo
  • ≈ Ceruleo
  • cyan-700
  • Nero 35%

Dentro sRGB: si vede uguale su qualsiasi schermo.

Testo bianco
4.50:1Poco leggibile
Lc -76
Testo nero
4.67:1Leggibile · AA
Lc 33

Sfumature

Dalla più chiara alla più scura. Clicca una sfumatura per usarla.

Armonie

Apri come palette

Recenti

Qui compaiono i colori su cui ti fermi o che copi. Restano su questo dispositivo.

Informazioni su #337ea5

#337ea5 è un vivido azzurro. In OKLCH ha luminosità 56,4%, croma 0.095 e tonalità 235°.

Dentro sRGB: si vede uguale su qualsiasi schermo.

Il testo bianco su questo colore raggiunge un contrasto di 4.5:1, quello nero 4.67:1: si legge meglio il testo bianco.

Il colore con nome più vicino è Ceruleo (#007ba7). In Tailwind CSS il colore più vicino è cyan-700.

Altre sfumature di azzurro: medio

Più chiaro: #337ea5 mescolato con il bianco

  1. 337ea5
  2. 4a8bae
  3. 5f97b7
  4. 74a4c0
  5. 88b1c9
  6. 9bbed2
  7. afcadb
  8. c3d7e4
  9. d7e5ed
  10. ebf2f6

Più scuro: #337ea5 mescolato con il nero

  1. 337ea5
  2. 2b6d8f
  3. 235c79
  4. 1c4c65
  5. 143c51
  6. 0d2d3d
  7. 071f2b
  8. 03111a
  9. 01050a
  10. 000101

Più tenue: #337ea5 con meno saturazione

  1. 337ea5
  2. 3d7da0
  3. 457d9c
  4. 4d7c97
  5. 547b92
  6. 5a7a8e
  7. 607a89
  8. 667984
  9. 6b787f
  10. 70777a

Domande su #337ea5

Che colore è #337ea5?

#337ea5 è un vivido azzurro. Il colore con nome più vicino è Vivido azzurro. In RGB è rgb(51, 126, 165), in HSL hsl(200.53, 52.78%, 42.35%) e in OKLCH oklch(56.361% 0.09477 234.775).

Quali colori stanno bene con #337ea5?

Il complementare di #337ea5 è #a0653c. Per un abbinamento più tranquillo usa i colori analoghi #088590 e #5a74ae. I colori della triade sono #a15d78 e #747c35.

Su #337ea5 si legge meglio il testo bianco o nero?

Su #337ea5 si legge meglio il testo bianco: il bianco dà un rapporto di contrasto di 4.5:1, il nero di 4.67:1. WCAG AA richiede almeno 4,5:1 per il testo normale.

#337ea5 è un colore caldo o freddo?

#337ea5 è un colore freddo. In OKLCH ha tonalità 235 gradi, luminosità 56,4% e croma 0.095.