#B64200
A dark, vivid orange closely aligning with Chocolate.
About #B64200
Visually, #B64200 is defined as a vivid orange. It is closely associated with the named CSS color Chocolate. In the RGB color space, it consists of 182 red, 66 green, and 0 blue.
Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 64% magenta, 100% yellow, and 29% black. The HSL representation is 21.8° hue, 100.0% saturation, and 35.7% 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. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#B64200
RGB182, 66, 0
HSL21.8°, 100.0%, 35.7%
CMYK0%, 64%, 100%, 29%
HSV21.8°, 100.0%, 71.4%
LAB44.0, 44.8, 55.0
XYZ21.2, 13.8, 1.6
Decimal11944448
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: #B64200;
}
.text-color {
color: #B64200;
}
.border-color {
border: 2px solid #B64200;
}