#F80024

A medium, vivid red closely aligning with Red.

About #F80024

When working with digital screens, the color #F80024 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Red. Its digital footprint relies on 248 parts red, 0 parts green, and 36 parts blue light.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 0% cyan, 100% magenta, 85% yellow, and 3% black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#F80024
RGB248, 0, 36
HSL351.3°, 100.0%, 48.6%
CMYK0%, 100%, 85%, 3%
HSV351.3°, 100.0%, 97.3%
LAB51.9, 78.8, 53.6
XYZ39.0, 20.1, 3.5
Decimal16252964

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

4.19:1
Text on #FFFFFF
AA Large
5.02:1
Text on #000000
AA
4.00:1
Text on #F8FAFC
AA Large
4.26:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #F80024; }
.text-color { color: #F80024; }
.border-color { border: 2px solid #F80024; }

Similar Colors

Red
#FF0000