#5F0F5F
A dark, vivid magenta closely aligning with Purple.
About #5F0F5F
Visually, #5F0F5F is defined as a vivid magenta. It is closely associated with the named CSS color Purple. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 15, and 95.
For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 0% cyan, 84% magenta, 0% yellow, and 63% black. This makes it a relatively dark color when applied to physical surfaces.
Ensuring your text is legible against this background is a key part of web design. 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#5F0F5F
RGB95, 15, 95
HSL300.0°, 72.7%, 21.6%
CMYK0%, 84%, 0%, 63%
HSV300.0°, 84.2%, 37.3%
LAB22.3, 44.0, -27.5
XYZ7.0, 3.6, 11.2
Decimal6229855
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
12.21:1
Text on #FFFFFF
AAA
1.72:1
Text on #000000
FAIL
11.67:1
Text on #F8FAFC
AAA
1.46:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #5F0F5F;
}
.text-color {
color: #5F0F5F;
}
.border-color {
border: 2px solid #5F0F5F;
}