#D366A8
A light, moderate magenta closely aligning with Hotpink.
About #D366A8
Visually, #D366A8 is defined as a moderate magenta. Designers often compare it to the standard color Hotpink. To achieve this exact tint on a monitor, you would use an RGB mix of 211, 102, and 168.
When sending designs containing this color to a printer, the CMYK values come into play. The color uses 0% Cyan, 52% Magenta, 20% Yellow, and 17% Black. The HSL representation is 323.7° hue, 55.3% saturation, and 61.4% lightness.
From a UX and accessibility standpoint, contrast is paramount. To prevent eye strain, #000000 text pairs best with this hex code. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#D366A8
RGB211, 102, 168
HSL323.7°, 55.3%, 61.4%
CMYK0%, 52%, 20%, 17%
HSV323.7°, 51.7%, 82.7%
LAB58.2, 50.7, -15.4
XYZ38.7, 26.2, 40.1
Decimal13854376
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
3.37:1
Text on #FFFFFF
AA Large
6.24:1
Text on #000000
AA
3.22:1
Text on #F8FAFC
AA Large
5.30:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #D366A8;
}
.text-color {
color: #D366A8;
}
.border-color {
border: 2px solid #D366A8;
}