#FFF9C4 — Codici colore & palette
Codici colore
| Formato | Valore | |
|---|---|---|
| HEX | #FFF9C4 | |
| RGB | rgb(255, 249, 196) | |
| HSL | hsl(54, 100%, 88%) |
Sfumature di #FFF9C4
| #FFF494 | #FFF066 | #FFEB38 | #FFE70A | #DBC500 | #AD9C00 | #807300 | #524900 |
Tinte di #FFF9C4
| #FFF9C7 | #FFFACC | #FFFAD1 | #FFFBD6 | #FFFBDB | #FFFCE0 | #FFFCE5 | #FFFDEB |
Abbinamenti & armonia cromatica
|
Complementare
#C2C8FF
|
Analogo +30°
#E7FFC2
|
Analogo −30°
#FFDAC2
|
Triadico +120°
#C2FFF9
|
Triadico −120°
#F9C2FF
|
Contrasto & accessibilità (WCAG 2.1)
Snippet CSS
.element {
color: #FFF9C4;
}
.element-bg {
background-color: #FFF9C4;
color: #000000;
}
.element-border {
border: 2px solid #FFF9C4;
}
Informazioni su #FFF9C4
#FFF9C4 è un colore molto chiaro con vivace, altamente saturo, definito dal codice esadecimale #FFF9C4. I suoi valori esatti nei modelli colore sono rgb(255, 249, 196) in RGB e hsl(54, 100%, 88%) in HSL (tonalità 54°, saturazione 100%, luminosità 88%). Su sfondo bianco il rapporto di contrasto è 1.07:1 — Non supera, su sfondo nero è 19.60:1 — Supera AAA per testo normale. Usa #FFF9C4 per elementi dell'interfaccia, sfondi, testo, bordi o accenti decorativi. La sezione sfumature mostra varianti progressivamente più scure, mentre la striscia tinte mostra versioni progressivamente più chiare — entrambe utili per costruire una palette tonale. I campioni di armonia forniscono abbinamenti complementari, analoghi e triadici basati sulla ruota cromatica HSL.
Vuoi esplorare questo colore in modo interattivo, generare palette o convertire tra formati colore? Il selettore colori di DevArbor fa al caso tuo.
Apri il selettore colori →