#BD5000

A dark, vivid orange closely aligning with Chocolate.

About #BD5000

When working with digital screens, the color #BD5000 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Chocolate. Its digital footprint relies on 189 parts red, 80 parts green, and 0 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 58% Magenta, 100% Yellow, and 26% Black. With a hue angle of 25.4 degrees, it sits comfortably in the orange spectrum.

From a UX and accessibility standpoint, contrast is paramount. Because it is a dark color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#BD5000
RGB189, 80, 0
HSL25.4°, 100.0%, 37.1%
CMYK0%, 58%, 100%, 26%
HSV25.4°, 100.0%, 74.1%
LAB47.7, 40.8, 57.6
XYZ23.9, 16.6, 1.9
Decimal12406784

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

4.87:1
Text on #FFFFFF
AA
4.31:1
Text on #000000
AA Large
4.66:1
Text on #F8FAFC
AA
3.67:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #BD5000; }
.text-color { color: #BD5000; }
.border-color { border: 2px solid #BD5000; }

Similar Colors

Chocolate
#D2691E