HEX Color #BD5707 (Chocolate)

About #BD5707

The hex code #BD5707 represents a beautifully specific shade of orange. Designers often compare it to the standard color Chocolate. In the RGB color space, it consists of 189 red, 87 green, and 7 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 54% Magenta, 96% Yellow, and 26% Black. The HSL representation is 26.4° hue, 92.9% saturation, and 38.4% lightness.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF 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#BD5707

RGB189, 87, 7

HSL26.4°, 92.9%, 38.4%

CMYK0%, 54%, 96%, 26%

HSV26.4°, 96.3%, 74.1%

LAB49.1, 37.4, 56.7

XYZ24.4, 17.7, 2.3

Decimal12408583

Color Harmonies

Complementary

#BD5707 #076DBD

Analogous

#BD0711 #BDB207

Triadic

#07BD57 #5607BD

Tetradic

#11BD07 #076DBD #B207BD

Tints, Shades & Tones

Tints (Adding White)

#BD5707

#C46922

#CB7C3E

#D38F59

#DAA175

#E1B490

#E9C7AC

#F0D9C7

#F7ECE3

#FFFFFF

Shades (Adding Black)

#BD5707

#A84D06

#934305

#7E3A04

#693003

#542603

#3F1D02

#2A1301

#150900

#000000

WCAG Contrast Accessibility

4.64:1

Text on #FFFFFF

AA

4.53:1

Text on #000000

AA

4.43:1

Text on #F8FAFC

AA Large

3.85:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #BD5707; }

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

Similar Colors

Chocolate

#D2691E