Vai al selettore colori

Colore Corallo: #ff7f50

Corallo è #ff7f50, rgb(255, 127, 80) in RGB e oklch(73.511% 0.16799 40.247) in OKLCH. Tutti gli altri formati, le sfumature, i colori abbinabili e le palette sono qui sotto.

Letto come HEX

16°
100%

73,5%
0,168
40°
  • Arancione
  • Chiaro
  • Vivace
  • Caldo
  • orange-400
  • Nero 0%

Dentro sRGB: si vede uguale su qualsiasi schermo.

Testo bianco
2.50:1Poco leggibile
Lc -54
Testo nero
8.40:1Leggibile · AA
Lc 56

Sfumature

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

Armonie

Recenti

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

Chiamato anche: Coral

Palette con Corallo

Colori con nome simili

Domande su Corallo

Qual è il codice HEX di Corallo?

Il codice HEX di Corallo è #ff7f50. In RGB è rgb(255, 127, 80), in HSL hsl(16.11, 100%, 65.69%) e in OKLCH oklch(73.511% 0.16799 40.247).

Quali colori stanno bene con Corallo?

Il suo complementare è #00beec. Per un effetto più tranquillo abbinalo ai colori analoghi #ff7690 e #eb9300. In questa pagina trovi palette pronte con Corallo.

Corallo è un colore caldo o freddo?

Corallo è un colore caldo con una tonalità OKLCH di 40 gradi.

Quale colore di testo si legge bene su Corallo?

Su Corallo si legge meglio il testo nero: il bianco dà un rapporto di contrasto di 2.5:1, il nero di 8.4:1. WCAG AA richiede almeno 4,5:1 per il testo normale.

Informazioni su #ff7f50

#ff7f50 è un vivace tono chiaro di arancione. In OKLCH ha luminosità 73,5%, croma 0.168 e tonalità 40°.

Dentro sRGB: si vede uguale su qualsiasi schermo.

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

Il colore con nome più vicino è Corallo (#ff7f50). In Tailwind CSS il colore più vicino è orange-400.

Vedi anche: sfumature di arancione · chiaro

Più chiaro: #ff7f50 mescolato con il bianco

  1. ff7f50

Più scuro: #ff7f50 mescolato con il nero

  1. ff7f50

Più tenue: #ff7f50 con meno saturazione

  1. ff7f50

Colori con nome simili

Colori che stanno bene con #ff7f50

Complementare
#ff7f50
Analoga
#ff7f50
Triadica
#ff7f50
Complementare divisa
#ff7f50