#CC5099

A medium, moderate magenta closely aligning with Hotpink.

About #CC5099

Visually, #CC5099 is defined as a moderate magenta. Designers often compare it to the standard color Hotpink. This translates to an RGB value of rgb(204, 80, 153).

If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 61% Magenta, 25% Yellow, and 20% Black. The HSL representation is 324.7° hue, 54.9% saturation, and 55.7% lightness.

From a UX and accessibility standpoint, contrast is paramount. To prevent eye strain, #000000 text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#CC5099
RGB204, 80, 153
HSL324.7°, 54.9%, 55.7%
CMYK0%, 61%, 25%, 20%
HSV324.7°, 60.8%, 80.0%
LAB52.8, 56.7, -14.9
XYZ33.5, 20.9, 32.4
Decimal13389977

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

4.06:1
Text on #FFFFFF
AA Large
5.17:1
Text on #000000
AA
3.88:1
Text on #F8FAFC
AA Large
4.40:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #CC5099; }
.text-color { color: #CC5099; }
.border-color { border: 2px solid #CC5099; }

Similar Colors

Hotpink
#FF69B4