Vai al selettore colori

Colore Ocra: #cc7722

Ocra è #cc7722, rgb(204, 119, 34) in RGB e oklch(64.956% 0.14038 59.615) in OKLCH. Tutti gli altri formati, le sfumature, i colori abbinabili e le palette sono qui sotto.

Letto come HEX

30°
100%

65%
0,140
60°
  • Arancione
  • Medio
  • Vivace
  • Caldo
  • amber-600
  • Nero 20%

Dentro sRGB: si vede uguale su qualsiasi schermo.

Testo bianco
3.37:1Poco leggibile
Lc -66
Testo nero
6.23:1Leggibile · AA
Lc 43

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: Ochre, Ocher

Palette con Ocra

Colori con nome simili

Domande su Ocra

Qual è il codice HEX di Ocra?

Il codice HEX di Ocra è #cc7722. In RGB è rgb(204, 119, 34), in HSL hsl(30, 71.43%, 46.67%) e in OKLCH oklch(64.956% 0.14038 59.615).

Quali colori stanno bene con Ocra?

Il suo complementare è #1d98db. Per un effetto più tranquillo abbinalo ai colori analoghi #d76a5a e #b18900. In questa pagina trovi palette pronte con Ocra.

Ocra è un colore caldo o freddo?

Ocra è un colore caldo con una tonalità OKLCH di 60 gradi.

Quale colore di testo si legge bene su Ocra?

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

Informazioni su #cc7722

#cc7722 è un vivace arancione. In OKLCH ha luminosità 65%, croma 0.14 e tonalità 60°.

Dentro sRGB: si vede uguale su qualsiasi schermo.

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

Il colore con nome più vicino è Ocra (#cc7722). In Tailwind CSS il colore più vicino è amber-600.

Vedi anche: sfumature di arancione · medio

Più chiaro: #cc7722 mescolato con il bianco

  1. cc7722

Più scuro: #cc7722 mescolato con il nero

  1. cc7722

Più tenue: #cc7722 con meno saturazione

  1. cc7722

Colori con nome simili

Colori che stanno bene con #cc7722

Complementare
#cc7722
Analoga
#cc7722
Triadica
#cc7722
Complementare divisa
#cc7722