Color #afa226: Intenso tono claro de amarillo
#afa226 es rgb(175, 162, 38) en RGB y oklch(70.241% 0.13645 103.061) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.
Interpretado como HEX
- Ctrl Vpega un color en cualquier sitio
- Espaciocolor aleatorio
- Ccopiar HEX
- Amarillo
- Claro
- Intenso
- Neutro
- ≈ Camel
- yellow-600
- Negro 31 %
Dentro de sRGB: se ve igual en cualquier pantalla.
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.
Sobre #afa226
#afa226 es un intenso tono claro de amarillo. En OKLCH tiene una luminosidad de 70,2 %, un croma de 0.136 y un matiz de 103°.
Dentro de sRGB: se ve igual en cualquier pantalla.
El texto blanco sobre este color alcanza un contraste de 2.62:1 y el negro 8.02:1, así que se lee mejor el texto negro.
El color con nombre más cercano es Camel (#c19a6b). En Tailwind CSS el más cercano es yellow-600.
Más claro: #afa226 mezclado con blanco
Más oscuro: #afa226 mezclado con negro
Más sobrio: #afa226 con menos saturación
Colores con nombre parecidos
Colores que combinan con #afa226
Preguntas sobre #afa226
¿Qué color es #afa226?
#afa226 es un intenso tono claro de amarillo. El color con nombre más cercano es Intenso tono claro de amarillo. En RGB es rgb(175, 162, 38), en HSL hsl(54.31, 64.32%, 41.76%) y en OKLCH oklch(70.241% 0.13645 103.061).
¿Qué colores combinan con #afa226?
El color complementario de #afa226 es #9493f1. Para una combinación más tranquila, usa los colores análogos #d29029 y #7db154. Los colores de la tríada son #00b0dd y #d97bb5.
¿Se lee mejor el texto blanco o el negro sobre #afa226?
Sobre #afa226 se lee mejor el texto negro: el blanco da una relación de contraste de 2.62:1 y el negro de 8.02:1. WCAG AA pide al menos 4,5:1 para el texto normal.
¿#afa226 es un color cálido o frío?
#afa226 es un color neutro. En OKLCH su matiz es de 103 grados, su luminosidad 70,2 % y su croma 0.136.