#AF1649
A dark, vivid magenta closely aligning with Brown.
About #AF1649
At its core, #AF1649 is a dark and vivid hue. It is closely associated with the named CSS color Brown. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 22, and 73.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 0% cyan, 87% magenta, 58% yellow, and 31% black. The HSL representation is 340.0° hue, 77.7% saturation, and 38.6% lightness.
From a UX and accessibility standpoint, contrast is paramount. To prevent eye strain, #FFFFFF text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#AF1649
RGB175, 22, 73
HSL340.0°, 77.7%, 38.6%
CMYK0%, 87%, 58%, 31%
HSV340.0°, 87.4%, 68.6%
LAB38.1, 59.8, 12.3
XYZ19.2, 10.2, 7.3
Decimal11474505
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.92:1
Text on #FFFFFF
AA
3.03:1
Text on #000000
AA Large
6.62:1
Text on #F8FAFC
AA
2.58:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #AF1649;
}
.text-color {
color: #AF1649;
}
.border-color {
border: 2px solid #AF1649;
}