Color Caramelo: código #C68E17

Caramelo

#C68E17

Códigos del color

  • HEX#C68E17
  • RGBrgb(198, 142, 23)
  • HSLhsl(41, 79%, 43%)
  • HSVhsv(41, 88%, 78%)
  • CMYKcmyk(0%, 28%, 88%, 22%)
  • LABlab(62.9% 11.9 63.7)
  • OKLCHoklch(68.4% 0.137 79.3)

Sobre el color Caramelo

Caramelo tiene el código HEX #C68E17, que corresponde a rgb(198, 142, 23) en el modelo RGB. En el círculo cromático, su tono está en 41°, con 79% de saturación y 43% de luminosidad (hsl(41, 79%, 43%)).

Por su tono se percibe como un color cálido: suele transmitir energía y cercanía y «avanza» visualmente en la composición.

Como fondo pide texto oscuro: el negro alcanza un contraste de 7,28:1 sobre él, frente a 2,88:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 28%, 88%, 22%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Caramelo

Complementaria

#C68E17 · #174EC4

Análoga

#C43717 · #C68E17 · #A5C417

Tríada

#C68E17 · #17C48D · #8D17C4

Tetrádica

#C68E17 · #17C437 · #174EC4 · #C417A5

Complementaria dividida

#C68E17 · #17A5C4 · #3717C4

Monocromática

#523B0A · #976D12 · #C68E17 · #E9B33F · #F1CE84

Caramelo con texto blanco y negro

Texto blanco Aa Bb Cc 123
2,88:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
7,28:1 · AAA

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

:root {
  --color-caramel: #C68E17;
  --color-caramel-rgb: 198, 142, 23;
}

.elemento {
  background-color: var(--color-caramel);
  color: #000000;
}