Saltar al contenido
Color Codes

Color CSS con nombre

Código de color Chocolate

Chocolate es un naranja de luminosidad media y intenso con el código hexadecimal #D2691E. En RGB es rgb(210, 105, 30), en HSL hsl(25, 75%, 47%) y en CMYK cmyk(0%, 50%, 86%, 18%).

Chocolate
#D2691E

Valores del color

En CSS puedes escribirlo con la palabra clave chocolate.

El texto blanco sobre Chocolate tiene una relación de contraste de 3.63:1 y el texto negro de 5.78:1, así que el texto negro es la opción más legible.

El color de Tailwind CSS más cercano es Amber 600 (#D97706).

Usar Chocolate en CSS

.element {
  color: chocolate;
  background-color: #d2691e;
  border-color: rgb(210, 105, 30);
}

Tonos claros y oscuros de Chocolate

Diez pasos de claro a oscuro con el mismo tono. Haz clic en una muestra para copiarla.

Colores que combinan con Chocolate

Armonías de la rueda de color creadas a partir de #D2691E. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.

Tonos opuestos para el máximo contraste y acentos llenos de energía.

Tonos vecinos para superficies tranquilas y coherentes.

Tres tonos equidistantes para sistemas coloridos y equilibrados.

Complementario dividido

Abrir en la rueda de color

Un color base y los dos vecinos de su complementario: contraste con menos tensión.

Contraste del texto sobre Chocolate

Aa
Texto blanco
3.63:1
AA · Texto grande
Aa
Texto negro
5.78:1
AA
Comprobar en el verificador de contraste

Colores parecidos a Chocolate

Paletas con colores parecidos

Preguntas sobre Chocolate

¿Cuál es el código hexadecimal de Chocolate?

El código hexadecimal de Chocolate es #D2691E. Su valor RGB es rgb(210, 105, 30) y su valor HSL es hsl(25, 75%, 47%).

¿Qué colores combinan con Chocolate?

El color complementario de Chocolate es #1E87D2. Para un esquema más suave prueba los colores análogos #D21E2D y #D2C31E; para un esquema equilibrado de tres colores usa los triádicos #1ED269 y #691ED2.

¿Chocolate es legible como color de texto?

Sobre un fondo blanco, Chocolate tiene una relación de contraste de 3.63:1, que no cumple el nivel WCAG AA para texto normal (4.5:1). Sobre negro alcanza 5.78:1.

Más colores de la familia marrones