Color Amarillo canario: código #FFEF00

Amarillo canario

#FFEF00

Códigos del color

  • HEX#FFEF00
  • RGBrgb(255, 239, 0)
  • HSLhsl(56, 100%, 50%)
  • HSVhsv(56, 100%, 100%)
  • CMYKcmyk(0%, 6%, 100%, 0%)
  • LABlab(93% -13.9 91.5)
  • OKLCHoklch(93.5% 0.198 104.7)

Sobre el color Amarillo canario

Amarillo canario tiene el código HEX #FFEF00, que corresponde a rgb(255, 239, 0) en el modelo RGB. En el círculo cromático, su tono está en 56°, con 100% de saturación y 50% de luminosidad (hsl(56, 100%, 50%)).

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 17,59:1 sobre él, frente a 1,19:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 6%, 100%, 0%). 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 Amarillo canario

Complementaria

#FFEF00 · #0011FF

Análoga

#FF6F00 · #FFEF00 · #91FF00

Tríada

#FFEF00 · #00FFEE · #EE00FF

Tetrádica

#FFEF00 · #00FF6F · #0011FF · #FF0091

Complementaria dividida

#FFEF00 · #0091FF · #6F00FF

Monocromática

#807700 · #CCBE00 · #FFEF00 · #FFF34D · #FFF899

Amarillo canario con texto blanco y negro

Texto blanco Aa Bb Cc 123
1,19:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
17,59:1 · AAA

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

:root {
  --color-canary-yellow: #FFEF00;
  --color-canary-yellow-rgb: 255, 239, 0;
}

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