Vai al selettore colori

Colore #337bb5: Vivace azzurro

#337bb5 corrisponde a rgb(51, 123, 181) in RGB e a oklch(56.476% 0.11484 246.201) in OKLCH. Tutti gli altri formati, le sfumature e i valori di contrasto sono qui sotto.

Letto come HEX

207°
100%

56,5%
0,115
246°
  • Azzurro
  • Medio
  • Vivace
  • Freddo
  • ≈ Blu acciaio
  • sky-600
  • Nero 29%

Dentro sRGB: si vede uguale su qualsiasi schermo.

Testo bianco
4.52:1Leggibile · AA
Lc -77
Testo nero
4.64: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 #337bb5

#337bb5 è un vivace azzurro. In OKLCH ha luminosità 56,5%, croma 0.115 e tonalità 246°.

Dentro sRGB: si vede uguale su qualsiasi schermo.

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

Il colore con nome più vicino è Blu acciaio (#4682b4). In Tailwind CSS il colore più vicino è sky-600.

Vedi anche: sfumature di azzurro · medio

Più chiaro: #337bb5 mescolato con il bianco

  1. 337bb5
  2. 4a88bd
  3. 5f95c5
  4. 73a2cc
  5. 87afd4
  6. 9bbcdb
  7. aecae3
  8. c2d7ea
  9. d6e4f1
  10. ebf2f8

Più scuro: #337bb5 mescolato con il nero

  1. 337bb5
  2. 2b6a9d
  3. 235a86
  4. 1c4a6f
  5. 143a59
  6. 0d2c44
  7. 071e30
  8. 03101d
  9. 01050c
  10. 000102

Più tenue: #337bb5 con meno saturazione

  1. 337bb5
  2. 3d7baf
  3. 457ba9
  4. 4c7aa3
  5. 537a9c
  6. 5a7a96
  7. 607990
  8. 667889
  9. 6b7883
  10. 71777c

Domande su #337bb5

Che colore è #337bb5?

#337bb5 è un vivace azzurro. Il colore con nome più vicino è Vivace azzurro. In RGB è rgb(51, 123, 181), in HSL hsl(206.77, 56.03%, 45.49%) e in OKLCH oklch(56.476% 0.11484 246.201).

Quali colori stanno bene con #337bb5?

Il complementare di #337bb5 è #a3661b. Per un abbinamento più tranquillo usa i colori analoghi #0085a1 e #646eb9. I colori della triade sono #ad566b e #65822f.

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

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

#337bb5 è un colore caldo o freddo?

#337bb5 è un colore freddo. In OKLCH ha tonalità 246 gradi, luminosità 56,5% e croma 0.115.