#FF5057
A light, vivid red closely aligning with Crimson.
About #FF5057
The precise color #FF5057 is an excellent choice for modern design projects. It is closely associated with the named CSS color Crimson. To achieve this exact tint on a monitor, you would use an RGB mix of 255, 80, and 87.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 0% C, 69% M, 66% Y, and 0% K. With a hue angle of 357.6 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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#FF5057
RGB255, 80, 87
HSL357.6°, 100.0%, 65.7%
CMYK0%, 69%, 66%, 0%
HSV357.6°, 68.6%, 100.0%
LAB59.6, 66.2, 34.6
XYZ45.8, 27.7, 11.9
Decimal16732247
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
3.21:1
Text on #FFFFFF
AA Large
6.54:1
Text on #000000
AA
3.07:1
Text on #F8FAFC
AA Large
5.56:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #FF5057;
}
.text-color {
color: #FF5057;
}
.border-color {
border: 2px solid #FF5057;
}