Color Azafrán: código #F4C430

Azafrán

#F4C430

Códigos del color

  • HEX#F4C430
  • RGBrgb(244, 196, 48)
  • HSLhsl(45, 90%, 57%)
  • HSVhsv(45, 80%, 96%)
  • CMYKcmyk(0%, 20%, 80%, 4%)
  • LABlab(81.3% 3.9 74.1)
  • OKLCHoklch(84% 0.16 89.2)

Sobre el color Azafrán

Azafrán tiene el código HEX #F4C430, que corresponde a rgb(244, 196, 48) en el modelo RGB. En el círculo cromático, su tono está en 45°, con 90% de saturación y 57% de luminosidad (hsl(45, 90%, 57%)).

Por su tono se percibe como un color cálido: suele transmitir energía y cercanía y «avanza» visualmente en la composición.

Como fondo pide texto oscuro: el negro alcanza un contraste de 12,78:1 sobre él, frente a 1,64:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 20%, 80%, 4%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Azafrán

Complementaria

#F4C430 · #2F60F4

Análoga

#F4602F · #F4C430 · #C3F42F

Tríada

#F4C430 · #2FF4C3 · #C32FF4

Tetrádica

#F4C430 · #2FF460 · #2F60F4 · #F42FC3

Complementaria dividida

#F4C430 · #2FC3F4 · #602FF4

Monocromática

#9B7608 · #E4AE0C · #F4C430 · #F8D877 · #FCEDC0

Azafrán con texto blanco y negro

Texto blanco Aa Bb Cc 123
1,64:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
12,78:1 · AAA

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

:root {
  --color-saffron: #F4C430;
  --color-saffron-rgb: 244, 196, 48;
}

.elemento {
  background-color: var(--color-saffron);
  color: #000000;
}