HEX Color #D35F00 (Chocolate)

About #D35F00

The hex code #D35F00 represents a beautifully specific shade of orange. It is closely associated with the named CSS color Chocolate. Its digital footprint relies on 211 parts red, 95 parts green, and 0 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 0% C, 55% M, 100% Y, and 17% K. The HSL representation is 27.0° hue, 100.0% saturation, and 41.4% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#D35F00

RGB211, 95, 0

HSL27.0°, 100.0%, 41.4%

CMYK0%, 55%, 100%, 17%

HSV27.0°, 100.0%, 82.7%

LAB54.1, 42.0, 63.0

XYZ31.0, 22.0, 2.6

Decimal13852416

Color Harmonies

Complementary

#D35F00 #0073D3

Analogous

#D3000A #D3C800

Triadic

#00D35E #5E00D3

Tetradic

#0AD300 #0073D3 #C800D3

Tints, Shades & Tones

Tints (Adding White)

#D35F00

#D7701C

#DC8238

#E19455

#E6A671

#EBB78D

#F0C9AA

#F5DBC6

#FAEDE2

#FFFFFF

Shades (Adding Black)

#D35F00

#BB5400

#A44900

#8C3F00

#753400

#5D2A00

#461F00

#2E1500

#170A00

#000000

WCAG Contrast Accessibility

3.88:1

Text on #FFFFFF

AA Large

5.41:1

Text on #000000

AA

3.71:1

Text on #F8FAFC

AA Large

4.60:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #D35F00; }

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

Similar Colors

Chocolate

#D2691E