#AF2C49
A medium, moderate red closely aligning with Brown.
About #AF2C49
Visually, #AF2C49 is defined as a moderate red. If you're using CSS, you might find it aligns closely with Brown. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 44, and 73.
If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 75% Magenta, 58% Yellow, and 31% 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. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#AF2C49
RGB175, 44, 73
HSL346.7°, 59.8%, 42.9%
CMYK0%, 75%, 58%, 31%
HSV346.7°, 74.9%, 68.6%
LAB40.2, 53.9, 15.1
XYZ19.8, 11.4, 7.5
Decimal11480137
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.40:1
Text on #FFFFFF
AA
3.28:1
Text on #000000
AA Large
6.12:1
Text on #F8FAFC
AA
2.79:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #AF2C49;
}
.text-color {
color: #AF2C49;
}
.border-color {
border: 2px solid #AF2C49;
}