Código de color Chocolate (#d2691e)

Chocolate es #d2691e en hexadecimal y rgb(210, 105, 30): un naranja medio. Abajo encontrarás todos los formatos de color, tonos y sombras, armonías y qué tan legible es como texto.

Actualizado el

Chocolate
#d2691e
Nombre CSSchocolate
Hex#d2691e
RGBrgb(210, 105, 30)
HSLhsl(25 75% 47%)
HWBhwb(25 12% 18%)
CMYK0%, 50%, 86%, 18%

Tonos y sombras

Armonías de color

Acerca de Chocolate

Chocolate (chocolate) es un naranja medio y vivo con el código hexadecimal #d2691e, o rgb(210, 105, 30). En HSL tiene un tono de 25°, una saturación del 75% y una luminosidad del 47%. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: chocolate; en lugar del valor hexadecimal.

Uso de Chocolate en texto y fondos

CombinaciónRelación de contrasteWCAG
Texto chocolate sobre blanco3.63 : 1Solo AA para texto grande
Texto chocolate sobre negro5.78 : 1AA

Sobre un fondo chocolate, usa texto en negro (5.78 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Comprueba otras combinaciones con el Comprobador de contraste.

CSS

.element {
  color: chocolate;               /* or #d2691e */
  background-color: #d2691e;
  border: 1px solid rgb(210 105 30 / 50%);
}

Colores con nombre similares

Dark Goldenrod (#b8860b), Peru (#cd853f), Sienna (#a0522d), Goldenrod (#daa520), Tomato (#ff6347), Indian Red (#cd5c5c).

Preguntas frecuentes

¿Cuál es el código hexadecimal del chocolate?
#d2691e — es decir, rgb(210, 105, 30) y hsl(25, 75%, 47%). En CSS también puedes escribir simplemente chocolate.
¿Se lee bien el texto chocolate sobre blanco?
Su relación de contraste sobre blanco es 3.63 : 1, que solo cumple para texto grande (WCAG AA texto grande).
¿Qué colores combinan bien con el chocolate?
Su color complementario es #1e87d2; los colores análogos #d21e2d y #d2c31e están junto a él en la rueda de color.