Caramel color: code #C68E17
Caramel
#C68E17
Color codes
- HEX
#C68E17 - RGB
rgb(198, 142, 23) - HSL
hsl(41, 79%, 43%) - HSV
hsv(41, 88%, 78%) - CMYK
cmyk(0%, 28%, 88%, 22%) - LAB
lab(62.9% 11.9 63.7) - OKLCH
oklch(68.4% 0.137 79.3)
About the color Caramel
Caramel has the HEX code #C68E17, which corresponds to rgb(198, 142, 23) in the RGB model. On the color wheel its hue sits at 41°, with 79% saturation and 43% lightness (hsl(41, 79%, 43%)).
Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.
As a background it calls for dark text: black reaches a 7.28:1 contrast ratio on it, versus 2.88:1 for white.
For print, the approximate conversion is cmyk(0%, 28%, 88%, 22%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Caramel
Complementary
#C68E17 · #174EC4
Analogous
#C43717 · #C68E17 · #A5C417
Triadic
#C68E17 · #17C48D · #8D17C4
Tetradic
#C68E17 · #17C437 · #174EC4 · #C417A5
Split-complementary
#C68E17 · #17A5C4 · #3717C4
Monochromatic
#523B0A · #976D12 · #C68E17 · #E9B33F · #F1CE84
Caramel with white and black text
How to use it in CSS
:root {
--color-caramel: #C68E17;
--color-caramel-rgb: 198, 142, 23;
}
.elemento {
background-color: var(--color-caramel);
color: #000000;
}