Brown color

Caramel #C68E17

#C68E17 · rgb(198, 142, 23)

Caramel is the color #C68E17. In RGB it is rgb(198, 142, 23) — 78% red, 56% green and 9% blue. Its CMYK breakdown is 0% cyan, 28% magenta, 88% yellow and 22% black, and in HSL it sits at 41° hue, 79% saturation and 43% lightness. Caramel is not a standard CSS color name; the nearest web color is Dark Goldenrod (#B8860B). The closest web-safe color is #CC9900.

Open in color picker Convert Make a palette Check contrast

Caramel color codes

Hex#C68E17

RGBrgb(198, 142, 23)

RGB %78%, 56%, 9%

HSLhsl(41, 79%, 43%)

HSV / HSBhsv(41, 88%, 78%)

CMYKcmyk(0%, 28%, 88%, 22%)

OKLCHoklch(68% 0.137 79)

Closest web-safe#CC9900

Caramel color meaning

Caramel is a bold and energetic brown — a warm color at 43% lightness and 79% saturation. Like other browns, it is linked with warmth, stability and nature. It recalls earth, wood and leather, so it feels grounded, reliable and cozy.

Because it is bold and energetic, caramel works best for logos, buttons, highlights, sports kit and anything that should grab attention. As text on white it would be too faint (2.9:1), so use it for fills and backgrounds and put black text on top (7.3:1).

What colors go with Caramel?

Caramel pairs well with Sapphire, Mahogany, Yellow Green and Linen: Sapphire sits close to its opposite on the color wheel for strong contrast, Mahogany and Yellow Green are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.

Build a full scheme around caramel in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Caramel at a glance

Color family	Brown · warm, bold and energetic
CSS color name	No — nearest keyword is Dark Goldenrod (#B8860B)
As text on white	2.88:1 — not readable as text
Best text on it	Black (7.28:1)
For print (CMYK)	0% cyan, 28% magenta, 88% yellow, 22% black
Full screen	Open the caramel screen — fill your display or download it in 4K

Contrast

Contrast ratio of Caramel against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 2.88:1 Black text — 7.28:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Caramel

Caramel color FAQ

What is the hex code for Caramel?

Caramel is #C68E17, which is rgb(198, 142, 23) and hsl(41, 79%, 43%). For print it is roughly C0 M28 Y88 K22.

What colors go with Caramel?

Caramel pairs well with Sapphire, Mahogany, Yellow Green, Linen. Sapphire gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.

Is Caramel a warm or cool color?

Caramel is a warm color: its hue is 41°, on the red, orange and yellow side of the color wheel.

What text color looks best on Caramel?

Black text, with a contrast ratio of 7.3:1, which meets WCAG AA for normal text.