Color #ccc683: Delicado tono claro de amarillo
#ccc683 es rgb(204, 198, 131) en RGB y oklch(81.59% 0.08723 103.768) 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
- Pastel
- Neutro
- ≈ Tostado
- orange-300
- 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 #ccc683
#ccc683 es un delicado tono claro de amarillo. En OKLCH tiene una luminosidad de 81,6 %, un croma de 0.087 y un matiz de 104°.
Dentro de sRGB: se ve igual en cualquier pantalla.
El texto blanco sobre este color alcanza un contraste de 1.75:1 y el negro 11.97: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 orange-300.
Más claro: #ccc683 mezclado con blanco
Más oscuro: #ccc683 mezclado con negro
Más sobrio: #ccc683 con menos saturación
Colores con nombre parecidos
Colores que combinan con #ccc683
Preguntas sobre #ccc683
¿Qué color es #ccc683?
#ccc683 es un delicado tono claro de amarillo. El color con nombre más cercano es Delicado tono claro de amarillo. En RGB es rgb(204, 198, 131), en HSL hsl(55.07, 41.71%, 65.69%) y en OKLCH oklch(81.59% 0.08723 103.768).
¿Qué colores combinan con #ccc683?
El color complementario de #ccc683 es #bbbcfa. Para una combinación más tranquila, usa los colores análogos #e5bb83 y #acd096. Los colores de la tríada son #81d0ed y #ecadd1.
¿Se lee mejor el texto blanco o el negro sobre #ccc683?
Sobre #ccc683 se lee mejor el texto negro: el blanco da una relación de contraste de 1.75:1 y el negro de 11.97:1. WCAG AA pide al menos 4,5:1 para el texto normal.
¿#ccc683 es un color cálido o frío?
#ccc683 es un color neutro. En OKLCH su matiz es de 104 grados, su luminosidad 81,6 % y su croma 0.087.