#BD5F16
A medium, vivid orange closely aligning with Chocolate.
About #BD5F16
Visually, #BD5F16 is defined as a vivid orange. If you're using CSS, you might find it aligns closely with Chocolate. This translates to an RGB value of rgb(189, 95, 22).
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 0% C, 50% M, 88% Y, and 26% K. The HSL representation is 26.2° hue, 79.1% saturation, and 41.4% lightness.
From a UX and accessibility standpoint, contrast is paramount. To prevent eye strain, #000000 text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#BD5F16
RGB189, 95, 22
HSL26.2°, 79.1%, 41.4%
CMYK0%, 50%, 88%, 26%
HSV26.2°, 88.4%, 74.1%
LAB50.8, 33.6, 54.0
XYZ25.2, 19.1, 3.1
Decimal12410646
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
4.36:1
Text on #FFFFFF
AA Large
4.81:1
Text on #000000
AA
4.17:1
Text on #F8FAFC
AA Large
4.09:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #BD5F16;
}
.text-color {
color: #BD5F16;
}
.border-color {
border: 2px solid #BD5F16;
}