#CC33A8

A medium, moderate magenta closely aligning with Mediumvioletred.

About #CC33A8

At its core, #CC33A8 is a medium and moderate hue. If you're using CSS, you might find it aligns closely with Mediumvioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 204, 51, and 168.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 0% cyan and 75% magenta inks. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. Because it is a medium color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#CC33A8
RGB204, 51, 168
HSL314.1°, 60.0%, 50.0%
CMYK0%, 75%, 18%, 20%
HSV314.1°, 75.0%, 80.0%
LAB49.5, 69.5, -28.8
XYZ33.2, 18.0, 38.8
Decimal13382568

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

4.56:1
Text on #FFFFFF
AA
4.61:1
Text on #000000
AA
4.36:1
Text on #F8FAFC
AA Large
3.92:1
Text on #0F172A
AA Large

CSS Implementation

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

Similar Colors

Mediumvioletred
#C71585