Vai al selettore colori

Colore #337ea4: Vivace azzurro

#337ea4 corrisponde a rgb(51, 126, 164) in RGB e a oklch(56.312% 0.09378 234.074) in OKLCH. Tutti gli altri formati, le sfumature e i valori di contrasto sono qui sotto.

Letto come HEX

200°
100%

56,3%
0,094
234°
  • Azzurro
  • Medio
  • Vivace
  • Freddo
  • ≈ Ceruleo
  • cyan-700
  • Nero 36%

Dentro sRGB: si vede uguale su qualsiasi schermo.

Testo bianco
4.51:1Leggibile · AA
Lc -76
Testo nero
4.66: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 #337ea4

#337ea4 è un vivace azzurro. In OKLCH ha luminosità 56,3%, croma 0.094 e tonalità 234°.

Dentro sRGB: si vede uguale su qualsiasi schermo.

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

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

Vedi anche: sfumature di azzurro · medio

Più chiaro: #337ea4 mescolato con il bianco

  1. 337ea4
  2. 4a8bad
  3. 5f97b6
  4. 74a4c0
  5. 88b1c9
  6. 9bbed2
  7. afcadb
  8. c3d7e4
  9. d7e5ed
  10. ebf2f6

Più scuro: #337ea4 mescolato con il nero

  1. 337ea4
  2. 2b6d8e
  3. 235c79
  4. 1c4c64
  5. 143c50
  6. 0d2d3d
  7. 071f2b
  8. 03111a
  9. 01050a
  10. 000101

Più tenue: #337ea4 con meno saturazione

  1. 337ea4
  2. 3d7d9f
  3. 457d9b
  4. 4d7c96
  5. 547b92
  6. 5a7a8d
  7. 607988
  8. 667984
  9. 6b777f
  10. 70767a

Domande su #337ea4

Che colore è #337ea4?

#337ea4 è un vivace azzurro. Il colore con nome più vicino è Vivace azzurro. In RGB è rgb(51, 126, 164), in HSL hsl(200.18, 52.56%, 42.16%) e in OKLCH oklch(56.312% 0.09378 234.074).

Quali colori stanno bene con #337ea4?

Il complementare di #337ea4 è #a0653d. Per un abbinamento più tranquillo usa i colori analoghi #0d858f e #5974ad. I colori della triade sono #a05d79 e #757b36.

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

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

#337ea4 è un colore caldo o freddo?

#337ea4 è un colore freddo. In OKLCH ha tonalità 234 gradi, luminosità 56,3% e croma 0.094.