#FFD70F

≈ gold

%
Apri la pagina del colore

Codici colore

HEX#FFD70F
RGBrgb(255, 215, 15)
HSLhsl(50°, 100%, 52.94%)
HSVhsv(50°, 94.12%, 100%)
CMYKcmyk(0%, 15.69%, 94.12%, 0%)
XYZxyz(65.63, 69.9, 10.49)
LABlab(86.95, -1.8, 85.82)
LCHlch(86.95, 85.84, 91.2°)

Codici colore

HEX#FFD70F
RGBrgb(255, 215, 15)
HSLhsl(50°, 100%, 52.94%)
HSVhsv(50°, 94.12%, 100%)
CMYKcmyk(0%, 15.69%, 94.12%, 0%)
XYZxyz(65.63, 69.9, 10.49)
LABlab(86.95, -1.8, 85.82)
LCHlch(86.95, 85.84, 91.2°)

Accessibilità

Su bianco1.4:1AA ✗AAA ✗
Su nero14.98: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.

#FFD70F
#0F37FF

Complementare

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

Crea gradiente
#FFD70F
#0FAFFF
#5F0FFF

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
#FFD70F
#0FFFD7
#D70FFF

Triadica

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

Crea gradiente
#FF5F0F
#FFD70F
#AFFF0F

Analoga

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

Crea gradiente
#8F7700
#D1AE00
#FFD70F
#FFE14C
#FFEC8F

Monocromatica

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

Crea gradiente
#FFD70F
#37FF0F
#0F37FF
#D70FFF

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