#F87C50
A light, vivid orange closely aligning with Coral.
About #F87C50
The precise color #F87C50 is an excellent choice for modern design projects. Designers often compare it to the standard color Coral. To achieve this exact tint on a monitor, you would use an RGB mix of 248, 124, and 80.
If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 0% C, 50% M, 68% Y, and 3% K. Always request a physical proof before doing a large print run with this exact code.
Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#F87C50
RGB248, 124, 80
HSL15.7°, 92.3%, 64.3%
CMYK0%, 50%, 68%, 3%
HSV15.7°, 67.7%, 97.3%
LAB65.7, 44.2, 45.4
XYZ47.4, 35.0, 11.8
Decimal16284752
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
2.63:1
Text on #FFFFFF
FAIL
7.99:1
Text on #000000
AAA
2.51:1
Text on #F8FAFC
FAIL
6.79:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #F87C50;
}
.text-color {
color: #F87C50;
}
.border-color {
border: 2px solid #F87C50;
}