Caramel
#C68E17
Caramel (#C68E17) is a medium, vivid yellow colour, warm. In RGB it is 198 red, 142 green and 23 blue; in HSL its hue is 41°, its saturation 79% and its lightness 43%. For print, its CMYK mix is 0% cyan, 28% magenta, 88% yellow and 22% black, though printed colours vary with paper and ink.
Yellow is the brightest colour to the eye: cheerful, optimistic and hard to miss. On its own it can be hard to read, so pair it with a dark colour for text.
Text on caramel
White text on caramel has a contrast ratio of 2.88:1 and fails; black text has 7.28:1 and passes AAA. Black text is the better choice on it. Check other pairs in the contrast checker.
White text · 2.88:1
Black text · 7.28:1
Tints and shades of caramel
Colour palettes with caramel
Brands with a caramel logo
Brand colours close to #C68E17, from our Brand Colour Index.
Colours similar to caramel
Use caramel in CSS
.button {
background-color: #C68E17;
color: #000000;
}Make a full Tailwind scale from it with the Tailwind shades generator, or see more shades of yellow.