Color #ccbb86: Suave tono claro de amarillo
#ccbb86 es rgb(204, 187, 134) en RGB y oklch(79.366% 0.07253 92.392) 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
- Cálido
- ≈ Tostado
- olive-400
- Negro 20 %
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 #ccbb86
#ccbb86 es un suave tono claro de amarillo. En OKLCH tiene una luminosidad de 79,4 %, un croma de 0.073 y un matiz de 92°.
Dentro de sRGB: se ve igual en cualquier pantalla.
El texto blanco sobre este color alcanza un contraste de 1.91:1 y el negro 11.02:1, así que se lee mejor el texto negro.
El color con nombre más cercano es Tostado (#d2b48c). En Tailwind CSS el más cercano es olive-400.
Más claro: #ccbb86 mezclado con blanco
Más oscuro: #ccbb86 mezclado con negro
Más sobrio: #ccbb86 con menos saturación
Colores con nombre parecidos
Colores que combinan con #ccbb86
Preguntas sobre #ccbb86
¿Qué color es #ccbb86?
#ccbb86 es un suave tono claro de amarillo. El color con nombre más cercano es Suave tono claro de amarillo. En RGB es rgb(204, 187, 134), en HSL hsl(45.43, 40.7%, 66.27%) y en OKLCH oklch(79.366% 0.07253 92.392).
¿Qué colores combinan con #ccbb86?
El color complementario de #ccbb86 es #abb9eb. Para una combinación más tranquila, usa los colores análogos #deb28c y #b3c490. Los colores de la tríada son #83c9d7 y #d8abd0.
¿Se lee mejor el texto blanco o el negro sobre #ccbb86?
Sobre #ccbb86 se lee mejor el texto negro: el blanco da una relación de contraste de 1.91:1 y el negro de 11.02:1. WCAG AA pide al menos 4,5:1 para el texto normal.
¿#ccbb86 es un color cálido o frío?
#ccbb86 es un color cálido. En OKLCH su matiz es de 92 grados, su luminosidad 79,4 % y su croma 0.073.