#F06D1D
A medium, vivid orange closely aligning with Chocolate.
About #F06D1D
Visually, #F06D1D is defined as a vivid orange. It is closely associated with the named CSS color Chocolate. In the RGB color space, it consists of 240 red, 109 green, and 29 blue.
If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 55% Magenta, 88% Yellow, and 6% Black. With a hue angle of 22.7 degrees, it sits comfortably in the orange spectrum.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#F06D1D
RGB240, 109, 29
HSL22.7°, 87.6%, 52.7%
CMYK0%, 55%, 88%, 6%
HSV22.7°, 87.9%, 94.1%
LAB61.3, 46.7, 63.2
XYZ41.6, 29.6, 4.7
Decimal15756573
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
3.04:1
Text on #FFFFFF
AA Large
6.91:1
Text on #000000
AA
2.90:1
Text on #F8FAFC
FAIL
5.87:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #F06D1D;
}
.text-color {
color: #F06D1D;
}
.border-color {
border: 2px solid #F06D1D;
}