HEX Color #D3753A (Chocolate)

About #D3753A

The hex code #D3753A represents a beautifully specific shade of orange. Designers often compare it to the standard color Chocolate. To achieve this exact tint on a monitor, you would use an RGB mix of 211, 117, and 58.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 0% cyan and 45% magenta inks. The HSL representation is 23.1° hue, 63.5% saturation, and 52.7% lightness.

Contrast ratios determine whether this color is safe for typography. 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#D3753A

RGB211, 117, 58

HSL23.1°, 63.5%, 52.7%

CMYK0%, 45%, 73%, 17%

HSV23.1°, 72.5%, 82.7%

LAB58.9, 32.2, 47.5

XYZ34.0, 26.9, 7.4

Decimal13858106

Color Harmonies

Complementary

#D3753A #3A98D3

Analogous

#D33A4B #D3C13A

Triadic

#3AD374 #743AD3

Tetradic

#4BD33A #3A98D3 #C13AD3

Tints, Shades & Tones

Tints (Adding White)

#D3753A

#D7844F

#DC9365

#E1A37B

#E6B291

#EBC1A7

#F0D1BD

#F5E0D3

#FAEFE9

#FFFFFF

Shades (Adding Black)

#D3753A

#BB6833

#A45B2D

#8C4E26

#754120

#5D3419

#462713

#2E1A0C

#170D06

#000000

WCAG Contrast Accessibility

3.29:1

Text on #FFFFFF

AA Large

6.38:1

Text on #000000

AA

3.15:1

Text on #F8FAFC

AA Large

5.42:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #D3753A; }

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

Similar Colors

Chocolate

#D2691E