#F87C2C
A medium, vivid orange closely aligning with Chocolate.
About #F87C2C
Visually, #F87C2C is defined as a vivid orange. It is closely associated with the named CSS color Chocolate. To achieve this exact tint on a monitor, you would use an RGB mix of 248, 124, and 44.
For print applications, it's crucial to understand its CMYK makeup. The color uses 0% Cyan, 50% Magenta, 82% Yellow, and 3% Black. With a hue angle of 23.5 degrees, it sits comfortably in the orange spectrum.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#F87C2C
RGB248, 124, 44
HSL23.5°, 93.6%, 57.3%
CMYK0%, 50%, 82%, 3%
HSV23.5°, 82.3%, 97.3%
LAB65.4, 42.8, 61.7
XYZ46.4, 34.6, 6.6
Decimal16284716
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
2.65:1
Text on #FFFFFF
FAIL
7.91:1
Text on #000000
AAA
2.54:1
Text on #F8FAFC
FAIL
6.73:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #F87C2C;
}
.text-color {
color: #F87C2C;
}
.border-color {
border: 2px solid #F87C2C;
}