HEX Color #D37524 (Chocolate)

About #D37524

The precise color #D37524 is an excellent choice for modern design projects. It is closely associated with the named CSS color Chocolate. To achieve this exact tint on a monitor, you would use an RGB mix of 211, 117, 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 45% magenta inks. The HSL representation is 27.8° hue, 70.9% saturation, and 48.4% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #000000 text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#D37524

RGB211, 117, 36

HSL27.8°, 70.9%, 48.4%

CMYK0%, 45%, 83%, 17%

HSV27.8°, 82.9%, 82.7%

LAB58.7, 31.4, 56.9

XYZ33.5, 26.7, 5.1

Decimal13858084

Color Harmonies

Complementary

#D37524 #2381D3

Analogous

#D3232A #D3CC23

Triadic

#23D375 #7423D3

Tetradic

#2AD323 #2381D3 #CC23D3

Tints, Shades & Tones

Tints (Adding White)

#D37524

#D7843C

#DC9354

#E1A36D

#E6B285

#EBC19D

#F0D1B6

#F5E0CE

#FAEFE6

#FFFFFF

Shades (Adding Black)

#D37524

#BB6820

#A45B1C

#8C4E18

#754114

#5D3410

#46270C

#2E1A08

#170D04

#000000

WCAG Contrast Accessibility

3.31:1

Text on #FFFFFF

AA Large

6.34:1

Text on #000000

AA

3.17:1

Text on #F8FAFC

AA Large

5.39:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #D37524; }

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

Similar Colors

Chocolate

#D2691E