#FF7C42
A light, vivid orange closely aligning with Coral.
About #FF7C42
Visually, #FF7C42 is defined as a vivid orange. If you're using CSS, you might find it aligns closely with Coral. To achieve this exact tint on a monitor, you would use an RGB mix of 255, 124, and 66.
Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 51% magenta inks. This makes it a relatively light color when applied to physical surfaces.
When using this color as a background, text legibility must be considered. 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#FF7C42
RGB255, 124, 66
HSL18.4°, 100.0%, 62.9%
CMYK0%, 51%, 74%, 0%
HSV18.4°, 74.1%, 100.0%
LAB66.6, 46.2, 53.6
XYZ49.4, 36.1, 9.5
Decimal16743490
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
2.56:1
Text on #FFFFFF
FAIL
8.21:1
Text on #000000
AAA
2.44:1
Text on #F8FAFC
FAIL
6.98:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #FF7C42;
}
.text-color {
color: #FF7C42;
}
.border-color {
border: 2px solid #FF7C42;
}