HEX Color #D37C00 (Chocolate)

About #D37C00

When working with digital screens, the color #D37C00 is rendered by mixing light. Its closest recognized web color is Chocolate. In the RGB color space, it consists of 211 red, 124 green, and 0 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 0% cyan, 41% magenta, 100% yellow, and 17% black. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#D37C00

RGB211, 124, 0

HSL35.3°, 100.0%, 41.4%

CMYK0%, 41%, 100%, 17%

HSV35.3°, 100.0%, 82.7%

LAB60.1, 27.1, 66.7

XYZ34.1, 28.3, 3.7

Decimal13859840

Color Harmonies

Complementary

#D37C00 #0056D3

Analogous

#D31200 #C0D300

Triadic

#00D37C #7B00D3

Tetradic

#00D312 #0056D3 #D300C0

Tints, Shades & Tones

Tints (Adding White)

#D37C00

#D78A1C

#DC9938

#E1A755

#E6B671

#EBC48D

#F0D3AA

#F5E1C6

#FAF0E2

#FFFFFF

Shades (Adding Black)

#D37C00

#BB6E00

#A46000

#8C5200

#754400

#5D3700

#462900

#2E1B00

#170D00

#000000

WCAG Contrast Accessibility

3.16:1

Text on #FFFFFF

AA Large

6.65:1

Text on #000000

AA

3.02:1

Text on #F8FAFC

AA Large

5.66:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #D37C00; }

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

Similar Colors

Chocolate

#D2691E