#BD3A00
A dark, vivid orange closely aligning with Chocolate.
About #BD3A00
Visually, #BD3A00 is defined as a vivid orange. It is closely associated with the named CSS color Chocolate. In the RGB color space, it consists of 189 red, 58 green, and 0 blue.
If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 0% C, 69% M, 100% Y, and 26% K. The HSL representation is 18.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, #FFFFFF text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#BD3A00
RGB189, 58, 0
HSL18.4°, 100.0%, 37.1%
CMYK0%, 69%, 100%, 26%
HSV18.4°, 100.0%, 74.1%
LAB44.0, 50.6, 55.7
XYZ22.5, 13.8, 1.5
Decimal12401152
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.57:1
Text on #FFFFFF
AA
3.77:1
Text on #000000
AA Large
5.33:1
Text on #F8FAFC
AA
3.20:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #BD3A00;
}
.text-color {
color: #BD3A00;
}
.border-color {
border: 2px solid #BD3A00;
}