#F8071D
A medium, vivid red closely aligning with Red.
About #F8071D
Visually, #F8071D is defined as a vivid red. If you're using CSS, you might find it aligns closely with Red. To achieve this exact tint on a monitor, you would use an RGB mix of 248, 7, and 29.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 97% Magenta, 88% Yellow, and 3% Black. The HSL representation is 354.5° hue, 94.5% saturation, and 50.0% lightness.
Ensuring your text is legible against this background is a key part of web design. Because it is a medium color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#F8071D
RGB248, 7, 29
HSL354.5°, 94.5%, 50.0%
CMYK0%, 97%, 88%, 3%
HSV354.5°, 97.2%, 97.3%
LAB52.1, 78.2, 56.9
XYZ39.0, 20.2, 3.0
Decimal16254749
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
4.17:1
Text on #FFFFFF
AA Large
5.04:1
Text on #000000
AA
3.98:1
Text on #F8FAFC
AA Large
4.28:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #F8071D;
}
.text-color {
color: #F8071D;
}
.border-color {
border: 2px solid #F8071D;
}