#E20F57
A medium, vivid magenta closely aligning with Crimson.
About #E20F57
At its core, #E20F57 is a medium and vivid hue. 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 226, 15, and 87.
When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 0% cyan, 93% magenta, 62% yellow, and 11% black. Always request a physical proof before doing a large print run with this exact code.
From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#E20F57
RGB226, 15, 87
HSL339.5°, 87.6%, 47.3%
CMYK0%, 93%, 62%, 11%
HSV339.5°, 93.4%, 88.6%
LAB48.5, 74.3, 19.3
XYZ33.3, 17.2, 10.6
Decimal14815063
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
4.73:1
Text on #FFFFFF
AA
4.44:1
Text on #000000
AA Large
4.52:1
Text on #F8FAFC
AA
3.77:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #E20F57;
}
.text-color {
color: #E20F57;
}
.border-color {
border: 2px solid #E20F57;
}