Palette di colori

Colore ocra

Un pigmento naturale di argilla con ossido di ferro, usato fin dalle pitture rupestri. È un marrone giallastro e terroso. Si vede su facciate mediterranee, ceramiche e arredi in stile boho.

Chiamato anche: giallo ocra.

Ocra · #CC7722

Dati sul colore ocra

Il colore ocra (#CC7722) è un colore caldo, di luminosità media e di saturazione media. Fa parte della famiglia dei colori marroni. Si ottiene con 204 di rosso, 119 di verde e 34 di blu (su 255). Si usa soprattutto in arte, arredamento, architettura.

Tonalità del colore ocra: chiare e scure

Dalla più chiara alla più scura. Tocca una tonalità per copiarne il codice.

Colori che si abbinano al colore ocra

Blu petrolioUn contrasto caldo-freddo molto elegante.Verde olivaUna palette di toni terra naturale.BiancoIllumina l'ocra.Testa di moroProfondità autunnale.GrigioCalma l'ocra e lo rende moderno.TerracottaUna gamma di toni terra calda.Blu navyEleganza e contrasto.CremaUna base morbida e calda.
Come abbinare il colore ocra nell'abbigliamento e nell'arredamento →

Armonie del colore ocra

Abbinamenti basati sul cerchio cromatico. Altri nella pagina armonia dei colori.

ComplementareVicino a: Blu Francia
AnaloghiVicino a: Vermiglio, Giallo mais
TriadeVicino a: Verde smeraldo, Viola
Complementari divisiVicino a: Turchese scuro, Viola
TetradeVicino a: Verde erba, Blu Francia, Magenta

Palette con il colore ocra

Copia i codici o apri la palette nell'editor per modificarla.

Palette monocromatica · Ocra
Palette analoga · Ocra
Palette complementare · Ocra
Palette triade · Ocra
Palette con neutri · Ocra
Palette con accento · Ocra

Contrasto del colore ocra con il testo

Testo biancoContrasto 3.4:1 · AA testo grande
Testo neroContrasto 6.2:1 · AA

Secondo le linee guida WCAG 2.1. Controlla altre coppie con lo strumento di verifica del contrasto.

Codice CSS

:root {
  --ocra: #CC7722;
  --ocra-rgb: 204, 119, 34;
}
.sfondo { background-color: var(--ocra); }
.testo { color: var(--ocra); }

Colori simili al colore ocra

BronzoCannellaRameArancione carotaCaramelloArancione bruciatoMarroneMandarinoMieleCorallo

Palette a tema con questo colore

Palette di colori per Halloween

Altri colori marroni

MarroneMarrone caffèCioccolatoMoganoCastanoCannellaSeppiaCaramelloCammelloMokaKakiSabbiaBeigeNudeBronzoTabaccoTerra di SienaCaffellatte

Domande frequenti

Qual è il codice del colore ocra?

Il codice HEX del colore ocra è #CC7722. In RGB è rgb(204, 119, 34), in HSL è hsl(30, 71%, 47%) e in CMYK è 0, 42, 83, 20.

Qual è il complementare del colore ocra?

Il suo complementare nel cerchio cromatico è #2277CC, una tonalità vicina al colore blu Francia. Usato in piccole dosi fa da accento e crea molto contrasto.

Si può usare il testo bianco sul colore ocra?

Meglio usare il testo nero: il contrasto con il bianco è solo 3.4:1, mentre con il nero è 6.2:1.

Con quali colori si abbina il colore ocra?

Si abbina bene con blu petrolio, verde oliva, bianco, testa di moro, grigio. Evita di accostarlo a gialli limone o arancioni brillanti, perché l'ocra sembra sporco. Con il rosa confetto stona.