Ir al selector de color

Color Amarillo canario: #ffef00

Amarillo canario es #ffef00, rgb(255, 239, 0) en RGB y oklch(93.505% 0.19807 104.666) en OKLCH. Abajo tienes los demás formatos, tonos, colores que combinan y paletas.

Interpretado como HEX

56°
100 %

93,5 %
0,198
105°
  • Amarillo
  • Muy claro
  • Intenso
  • Neutro
  • yellow-300
  • Negro 0 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
1.19:1Difícil de leer
Lc -11
Texto negro
17.60:1Legible · AA
Lc 94

Tonos

Del más claro al más oscuro. Haz clic en un tono para usarlo.

Armonías

Recientes

Aquí aparecen los colores que eliges o copias. Se quedan en este dispositivo.

También llamado: Canario, Canary yellow, Canary

Paletas con Amarillo canario

Colores con nombre parecidos

Preguntas sobre Amarillo canario

¿Cuál es el código HEX de Amarillo canario?

El código HEX de Amarillo canario es #ffef00. En RGB es rgb(255, 239, 0), en HSL hsl(56.24, 100%, 50%) y en OKLCH oklch(93.505% 0.19807 104.666).

¿Qué colores combinan con Amarillo canario?

Su color complementario es #e5e5ff. Para un resultado más tranquilo, combínalo con los colores análogos #ffe2a8 y #aeff75. En esta página tienes paletas listas con Amarillo canario.

¿Amarillo canario es un color cálido o frío?

Amarillo canario es un color neutro con un matiz OKLCH de 105 grados.

¿Qué color de texto se lee bien sobre Amarillo canario?

Sobre Amarillo canario se lee mejor el texto negro: el blanco da una relación de contraste de 1.19:1 y el negro de 17.6:1. WCAG AA pide al menos 4,5:1 para el texto normal.

Sobre #ffef00

#ffef00 es un intenso tono muy claro de amarillo. En OKLCH tiene una luminosidad de 93,5 %, un croma de 0.198 y un matiz de 105°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 1.19:1 y el negro 17.6:1, así que se lee mejor el texto negro.

El color con nombre más cercano es Amarillo canario (#ffef00). En Tailwind CSS el más cercano es yellow-300.

Más tonos de amarillo: muy claro

Más claro: #ffef00 mezclado con blanco

  1. ffef00

Más oscuro: #ffef00 mezclado con negro

  1. ffef00

Más sobrio: #ffef00 con menos saturación

  1. ffef00

Colores con nombre parecidos

Colores que combinan con #ffef00

Complementaria
#ffef00
Análoga
#ffef00
Triádica
#ffef00
Dividida
#ffef00