#BD6600

A dark, vivid orange closely aligning with Chocolate.

About #BD6600

When working with digital screens, the color #BD6600 is rendered by mixing light. 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, 102, and 0.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 46% Magenta, 100% Yellow, and 26% Black. The HSL representation is 32.4° hue, 100.0% saturation, and 37.1% lightness.

Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #000000 text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#BD6600
RGB189, 102, 0
HSL32.4°, 100.0%, 37.1%
CMYK0%, 46%, 100%, 26%
HSV32.4°, 100.0%, 74.1%
LAB52.2, 29.5, 60.2
XYZ25.7, 20.3, 2.6
Decimal12412416

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

4.15:1
Text on #FFFFFF
AA Large
5.06:1
Text on #000000
AA
3.96:1
Text on #F8FAFC
AA Large
4.31:1
Text on #0F172A
AA Large

CSS Implementation

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

Similar Colors

Chocolate
#D2691E