#F04949
A light, vivid red closely aligning with Crimson.
About #F04949
The precise color #F04949 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Crimson. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 73, and 73.
If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 70% Magenta, 70% Yellow, and 6% Black. With a hue angle of 0.0 degrees, it sits comfortably in the red spectrum.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #000000 text pairs best with this hex code. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#F04949
RGB240, 73, 73
HSL0.0°, 84.8%, 61.4%
CMYK0%, 70%, 70%, 6%
HSV0.0°, 69.6%, 94.1%
LAB55.9, 63.5, 37.4
XYZ39.5, 23.8, 8.8
Decimal15747401
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
3.65:1
Text on #FFFFFF
AA Large
5.75:1
Text on #000000
AA
3.49:1
Text on #F8FAFC
AA Large
4.89:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #F04949;
}
.text-color {
color: #F04949;
}
.border-color {
border: 2px solid #F04949;
}