Color #afa55e: Suave tono claro de amarillo
#afa55e es rgb(175, 165, 94) en RGB y oklch(71.46% 0.09299 101.348) 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
- Suave
- Neutro
- ≈ Camel
- olive-400
- 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 #afa55e
#afa55e es un suave tono claro de amarillo. En OKLCH tiene una luminosidad de 71,5 %, un croma de 0.093 y un matiz de 101°.
Dentro de sRGB: se ve igual en cualquier pantalla.
El texto blanco sobre este color alcanza un contraste de 2.51:1 y el negro 8.37: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 olive-400.
Más claro: #afa55e mezclado con blanco
Más oscuro: #afa55e mezclado con negro
Más sobrio: #afa55e con menos saturación
Colores con nombre parecidos
Colores que combinan con #afa55e
Preguntas sobre #afa55e
¿Qué color es #afa55e?
#afa55e es un suave tono claro de amarillo. El color con nombre más cercano es Suave tono claro de amarillo. En RGB es rgb(175, 165, 94), en HSL hsl(52.59, 33.61%, 52.75%) y en OKLCH oklch(71.46% 0.09299 101.348).
¿Qué colores combinan con #afa55e?
El color complementario de #afa55e es #999cdc. Para una combinación más tranquila, usa los colores análogos #c89960 y #8eaf71. Los colores de la tríada son #59b0cc y #cb8cb4.
¿Se lee mejor el texto blanco o el negro sobre #afa55e?
Sobre #afa55e se lee mejor el texto negro: el blanco da una relación de contraste de 2.51:1 y el negro de 8.37:1. WCAG AA pide al menos 4,5:1 para el texto normal.
¿#afa55e es un color cálido o frío?
#afa55e es un color neutro. En OKLCH su matiz es de 101 grados, su luminosidad 71,5 % y su croma 0.093.