#AF2C2C
A medium, moderate red closely aligning with Brown.
About #AF2C2C
The precise color #AF2C2C is an excellent choice for modern design projects. 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 44.
For print applications, it's crucial to understand its CMYK makeup. The color uses 0% Cyan, 75% Magenta, 75% Yellow, and 31% Black. This makes it a relatively light color when applied to physical surfaces.
When using this color as a background, text legibility must be considered. Because it is a medium color, it is generally recommended to use #FFFFFF text. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#AF2C2C
RGB175, 44, 44
HSL0.0°, 59.8%, 42.9%
CMYK0%, 75%, 75%, 31%
HSV0.0°, 74.9%, 68.6%
LAB39.7, 52.3, 32.4
XYZ19.0, 11.1, 3.5
Decimal11480108
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.52:1
Text on #FFFFFF
AA
3.22:1
Text on #000000
AA Large
6.23:1
Text on #F8FAFC
AA
2.74:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #AF2C2C;
}
.text-color {
color: #AF2C2C;
}
.border-color {
border: 2px solid #AF2C2C;
}