Vai al selettore colori

Colore #338ea3: Vivace azzurro

#338ea3 corrisponde a rgb(51, 142, 163) in RGB e a oklch(60.211% 0.08951 216.091) in OKLCH. Tutti gli altri formati, le sfumature e i valori di contrasto sono qui sotto.

Letto come HEX

191°
100%

60,2%
0,090
216°
  • Azzurro
  • Medio
  • Vivace
  • Freddo
  • ≈ Blu acciaio
  • cyan-600
  • Nero 36%

Dentro sRGB: si vede uguale su qualsiasi schermo.

Testo bianco
3.79:1Poco leggibile
Lc -71
Testo nero
5.54:1Leggibile · AA
Lc 39

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 #338ea3

#338ea3 è un vivace azzurro. In OKLCH ha luminosità 60,2%, croma 0.09 e tonalità 216°.

Dentro sRGB: si vede uguale su qualsiasi schermo.

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

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

Vedi anche: sfumature di azzurro · medio

Più chiaro: #338ea3 mescolato con il bianco

  1. 338ea3
  2. 4c99ac
  3. 62a4b5
  4. 77afbe
  5. 8bbbc7
  6. 9ec6d1
  7. b2d1da
  8. c5dde3
  9. d8e8ec
  10. ecf3f6

Più scuro: #338ea3 mescolato con il nero

  1. 338ea3
  2. 2b7b8d
  3. 236878
  4. 1c5663
  5. 14444f
  6. 0d343c
  7. 07242a
  8. 031519
  9. 01070a
  10. 000101

Più tenue: #338ea3 con meno saturazione

  1. 338ea3
  2. 3f8da0
  3. 4a8c9c
  4. 538b99
  5. 5b8995
  6. 628892
  7. 69878f
  8. 6f858b
  9. 758488
  10. 7b8284

Domande su #338ea3

Che colore è #338ea3?

#338ea3 è un vivace azzurro. Il colore con nome più vicino è Vivace azzurro. In RGB è rgb(51, 142, 163), in HSL hsl(191.25, 52.34%, 41.96%) e in OKLCH oklch(60.211% 0.08951 216.091).

Quali colori stanno bene con #338ea3?

Il complementare di #338ea3 è #af6d5b. Per un abbinamento più tranquillo usa i colori analoghi #329289 e #5186b3. I colori della triade sono #a36c95 e #91813e.

Su #338ea3 si legge meglio il testo bianco o nero?

Su #338ea3 si legge meglio il testo bianco: il bianco dà un rapporto di contrasto di 3.79:1, il nero di 5.54:1. WCAG AA richiede almeno 4,5:1 per il testo normale.

#338ea3 è un colore caldo o freddo?

#338ea3 è un colore freddo. In OKLCH ha tonalità 216 gradi, luminosità 60,2% e croma 0.09.