Caramel #AF6F09

#AF6F09Caramel
HEX#AF6F09
RGBrgb(175, 111, 9)
HSLhsl(37, 90%, 36%)
HSVhsv(37, 95%, 69%)
OKLCHoklch(59.6% 0.127 69.4)
OKLABoklab(59.6% 0.045 0.119)
CMYKcmyk(0%, 37%, 95%, 31%)

Caramel (#AF6F09) is a medium, highly saturated brown hue. Caramel is a golden brown that adds warmth next to cream and dark chocolate.

In RGB it is made of 175 red, 111 green and 9 blue. Its HSL hue angle is 37° with 90% saturation and 36% lightness, while its perceptual OKLCH lightness is 60% with a chroma of 0.127. For print, a starting CMYK mix is 0% cyan, 37% magenta, 95% yellow and 31% black.

As a text color on white, Caramel has a contrast ratio of 4.12:1, which passes AA only for large text and UI parts. On black it reaches 5.1:1 and passes AA for normal text. If you use Caramel as a background, put black (or very dark) text on it. The APCA lightness contrast is Lc 36 for black text and Lc -73 for white text.

Its perceptual complement is #3A83C7, close to steel blue. Colors that look most similar are copper, bronze, burnt orange. It looks fairly similar to people with red-green color blindness (ΔE 7), so its meaning mostly survives.

Contrast

Text on white · 4.12:1 Large only
Text on black · 5.10:1 AA ✓
White on Caramel · APCA Lc -73
Black on Caramel · APCA Lc 36

Shades and tints of caramel

Color harmonies

ComplementaryAnalogousSplit complementaryTriadicTetradicMonochromatic

How caramel looks with color blindness

Protanopia: #847400Deuteranopia: #93830ETritanopia: #C05F5EAchromatopsia: #7D7D7D

Similar colors

Copper#B87333Bronze#CD7F32Burnt Orange#CC5500Mocha#967969Olive#808000Rust#B7410EBrown#964B00Rose Gold#B76E79

FAQ

What is the hex code for caramel?

The hex code for caramel is #AF6F09, which is rgb(175, 111, 9) in RGB.

What text color goes on caramel?

Black text. Its contrast with caramel is 5.10:1.

What color is the complement of caramel?

The perceptual (OKLCH) complement of #AF6F09 is #3A83C7.

← All named colors