HEX Color #DB6D24 (Chocolate)

About #DB6D24

At its core, #DB6D24 is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Chocolate. To achieve this exact tint on a monitor, you would use an RGB mix of 219, 109, and 36.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 50% magenta inks. The HSL representation is 23.9° hue, 71.8% saturation, and 50.0% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#DB6D24

RGB219, 109, 36

HSL23.9°, 71.8%, 50.0%

CMYK0%, 50%, 84%, 14%

HSV23.9°, 83.6%, 85.9%

LAB58.2, 38.7, 56.9

XYZ35.0, 26.1, 4.9

Decimal14380324

Color Harmonies

Complementary

#DB6D24 #2491DB

Analogous

#DB2436 #DBC824

Triadic

#24DB6D #6C24DB

Tetradic

#36DB24 #2491DB #C824DB

Tints, Shades & Tones

Tints (Adding White)

#DB6D24

#DF7D3C

#E38D54

#E79D6D

#EBAD85

#EFBE9D

#F3CEB6

#F7DECE

#FBEEE6

#FFFFFF

Shades (Adding Black)

#DB6D24

#C26020

#AA541C

#924818

#793C14

#613010

#49240C

#301808

#180C04

#000000

WCAG Contrast Accessibility

3.37:1

Text on #FFFFFF

AA Large

6.22:1

Text on #000000

AA

3.22:1

Text on #F8FAFC

AA Large

5.29:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #DB6D24; }

.text-color { color: #DB6D24; }

.border-color { border: 2px solid #DB6D24; }

Similar Colors

Chocolate

#D2691E