#AF0F42
A dark, vivid magenta closely aligning with Brown.
About #AF0F42
Visually, #AF0F42 is defined as a vivid magenta. If you're using CSS, you might find it aligns closely with Brown. Its digital footprint relies on 175 parts red, 15 parts green, and 66 parts blue light.
Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 0% C, 91% M, 62% Y, and 31% K. With a hue angle of 340.9 degrees, it sits comfortably in the magenta spectrum.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#AF0F42
RGB175, 15, 66
HSL340.9°, 84.2%, 37.3%
CMYK0%, 91%, 62%, 31%
HSV340.9°, 91.4%, 68.6%
LAB37.6, 60.6, 16.0
XYZ18.8, 9.8, 6.1
Decimal11472706
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
7.07:1
Text on #FFFFFF
AAA
2.97:1
Text on #000000
FAIL
6.76:1
Text on #F8FAFC
AA
2.52:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #AF0F42;
}
.text-color {
color: #AF0F42;
}
.border-color {
border: 2px solid #AF0F42;
}