#AF33CC
A medium, moderate magenta closely aligning with Darkorchid.
About #AF33CC
Visually, #AF33CC is defined as a moderate magenta. It is closely associated with the named CSS color Darkorchid. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 51, and 204.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 14% cyan and 75% magenta inks. The HSL representation is 288.6° hue, 60.0% saturation, and 50.0% 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#AF33CC
RGB175, 51, 204
HSL288.6°, 60.0%, 50.0%
CMYK14%, 75%, 0%, 20%
HSV288.6°, 75.0%, 80.0%
LAB46.8, 69.0, -54.5
XYZ29.8, 15.8, 58.6
Decimal11482060
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.04:1
Text on #FFFFFF
AA
4.17:1
Text on #000000
AA Large
4.82:1
Text on #F8FAFC
AA
3.54:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #AF33CC;
}
.text-color {
color: #AF33CC;
}
.border-color {
border: 2px solid #AF33CC;
}