HEX Color #BD500F (Chocolate)

About #BD500F

The precise color #BD500F is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Chocolate. To achieve this exact tint on a monitor, you would use an RGB mix of 189, 80, and 15.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 58% magenta inks. Always request a physical proof before doing a large print run with this exact code.

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#BD500F

RGB189, 80, 15

HSL22.4°, 85.3%, 40.0%

CMYK0%, 58%, 92%, 26%

HSV22.4°, 92.1%, 74.1%

LAB47.7, 41.0, 53.9

XYZ23.9, 16.6, 2.4

Decimal12406799

Color Harmonies

Complementary

#BD500F #0F7CBD

Analogous

#BD0F25 #BDA60F

Triadic

#0FBD50 #4F0FBD

Tetradic

#25BD0F #0F7CBD #A60FBD

Tints, Shades & Tones

Tints (Adding White)

#BD500F

#C46329

#CB7644

#D38A5F

#DA9D79

#E1B194

#E9C4AF

#F0D8C9

#F7EBE4

#FFFFFF

Shades (Adding Black)

#BD500F

#A8470D

#933E0B

#7E350A

#692C08

#542306

#3F1A05

#2A1103

#150801

#000000

WCAG Contrast Accessibility

4.86:1

Text on #FFFFFF

AA

4.32:1

Text on #000000

AA Large

4.65:1

Text on #F8FAFC

AA

3.67:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #BD500F; }

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

Similar Colors

Chocolate

#D2691E