#B65016
A medium, vivid orange closely aligning with Chocolate.
About #B65016
Visually, #B65016 is defined as a vivid orange. 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 182, 80, and 22.
For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 56% magenta inks. The HSL representation is 21.8° hue, 78.4% saturation, and 40.0% lightness.
From a UX and accessibility standpoint, contrast is paramount. Because it is a medium 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#B65016
RGB182, 80, 22
HSL21.8°, 78.4%, 40.0%
CMYK0%, 56%, 88%, 29%
HSV21.8°, 87.9%, 71.4%
LAB46.6, 38.4, 50.2
XYZ22.3, 15.7, 2.6
Decimal11948054
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.06:1
Text on #FFFFFF
AA
4.15:1
Text on #000000
AA Large
4.84:1
Text on #F8FAFC
AA
3.53:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #B65016;
}
.text-color {
color: #B65016;
}
.border-color {
border: 2px solid #B65016;
}