#B22222

firebrick

%
Apri la pagina del colore

Codici colore

HEX#B22222
RGBrgb(178, 34, 34)
HSLhsl(0°, 67.92%, 41.57%)
HSVhsv(0°, 80.9%, 69.8%)
CMYKcmyk(0%, 80.9%, 80.9%, 30.2%)
XYZxyz(19.22, 10.73, 2.57)
LABlab(39.12, 55.92, 37.65)
LCHlch(39.12, 67.41, 33.95°)

Codici colore

HEX#B22222
RGBrgb(178, 34, 34)
HSLhsl(0°, 67.92%, 41.57%)
HSVhsv(0°, 80.9%, 69.8%)
CMYKcmyk(0%, 80.9%, 80.9%, 30.2%)
XYZxyz(19.22, 10.73, 2.57)
LABlab(39.12, 55.92, 37.65)
LCHlch(39.12, 67.41, 33.95°)

Accessibilità

Su bianco6.68:1AA ✓AAA ✗
Su nero3.14:1AA ✗AAA ✗

Quel vituperabile xenofobo

Testo sul colore, per valutare la leggibilità prima di sceglierlo definitivamente.

Variazioni e combinazioni di colore

Le tinte mescolano il colore con bianco puro e le ombre con nero puro. Entrambe le scale sono calcolate a passi del 10%, così puoi schiarire o scurire un tono senza abbandonarlo.

Ombre

Tinte

Armonie di colore

Le armonie scelgono colori compagni in base alla posizione sulla ruota cromatica. Ogni regola produce un'atmosfera diversa, dal contrasto netto alle fusioni morbide tra vicini.

#B22222
#22B2B2

Complementare

La tonalità opposta sulla ruota, a 180°. Contrasto massimo: funziona meglio quando un colore guida e l'altro fa da accento.

Crea gradiente
#B22222
#22B26A
#226AB2

Complementare divisa

Il colore base più i due vicini del suo opposto, a circa 30° per lato. Mantiene il contrasto e attenua lo stridore.

Crea gradiente
#B22222
#22B222
#2222B2

Triadica

Tre tonalità distanziate di 120°. Vivace ed equilibrata: lascia dominare una e usa le altre come accenti.

Crea gradiente
#B2226A
#B22222
#B26A22

Analoga

Tre tonalità vicine a 30°. Poco contrasto e molto riposante, ideale per sfondi tranquilli e gradienti.

Crea gradiente
#470E0E
#7F1818
#B22222
#D93838
#E47070

Monocromatica

Una sola tonalità su più livelli di luminosità. Coerente per costruzione e la via più sicura verso un'interfaccia uniforme.

Crea gradiente
#B22222
#B2B222
#22B2B2
#2222B2

Tetradica

Due coppie complementari che formano un rettangolo sulla ruota. Lo schema più ricco e quello che richiede più misura.

Crea gradiente

Altri colori di tendenza