Colour

#CC22EE

#CC22EE
Magenta
Dark
Nearest: Dark violet

#CC22EE is a magenta with RGB values 204, 34, 238 and HSL 290°, 86%, 53%. It is a dark colour, so black text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Dark violet.

Colour values

#CC22EE#CC22EE

HEX#CC22EE

HEX (short)#C2E

RGBrgb(204, 34, 238)

RGB (0–1)0.8, 0.1333, 0.9333

RGB percentages80%, 13.3%, 93.3%

HSLhsl(290, 85.7%, 53.3%)

HSV / HSBhsv(290, 85.7%, 93.3%)

CMYK14.3%, 85.7%, 0%, 6.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,378,286

CSS custom property--colour: #CC22EE;

Brightness & contrast

Relative luminance0.20154WCAG 2.x, 0 is black and 1 is white

Perceived brightness139.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.03:1

Contrast with white4.17:1WCAG normal text: Fail

Contrast with black5.03:1WCAG normal text: AA

Greyscale equivalent#555555

Inverted#33DD11

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0071F3no red cones; affects about 1% of men; ΔE 61.2 from the original

Deuteranopia#3981EAno green cones; the most common form, about 1% of men; ΔE 71 from the original

Tritanopia#CC568Fno blue cones; rare, and affects men and women equally; ΔE 65.4 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text4.17:1WCAG large text: AA

Contrast with black, large text5.03:1WCAG large text: AAA

Named colours

Dark violet · ΔE 15.7 Fuchsia · ΔE 16.8 Magenta · ΔE 16.8 Blue violet · ΔE 20 Dark orchid · ΔE 21.6 Medium orchid · ΔE 30.9

Nearest named CSS colourDark violet (#9400D3)ΔE 15.69, a distinctly different colour

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#44EE22

Analogous#6622EE, #EE22AA

Triadic#EECC22, #22EECC

Split complementary#AAEE22, #22EE66

Tetradic#EE6622, #44EE22, #22AAEE

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#F8DFFD

Lighter +30%#EDB0F9

Lighter +20%#E281F5

Lighter +10%#D751F2

Darker −10%#AE10CD

Darker −20%#860C9E

Darker −30%#5D086F

Darker −40%#35053F

More saturated +25%#D711FF

Less saturated −25%#B840D0

Channel breakdown

R204

G34

B238

Red204 (80%)

Green34 (13.3%)

Blue238 (93.3%)

Hue290°

Saturation (HSL)85.71%

Lightness53.33%

Dominant channelBlue

Hex per channelR CC · G 22 · B EE

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#CC22EE

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else