#C22EC4

#C22EC4

Color Values

HEX

#C22EC4

RGB

194, 46, 196

HSL

299.2, 62.0%, 47.5%

HSV

299.2, 76.5%, 76.9%

CMYK

1.0%, 76.5%, 0.0%, 23.1%

OKLCH

0.5902 0.2401 327.5

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#C22EC4

#30C42E

Analogous

#772EC4

#C42E7B

#C22EC4

Triadic

#C22EC4

#C4C22E

#2EC4C2

Split Complementary

#C22EC4

#7BC42E

#2EC477

Tetradic

#C22EC4

#C4772E

#30C42E

#2E7BC4

Color Blindness Simulation

Original

#C22EC4

Protanopia

#8281A0

Deuteranopia

#8A9697

Tritanopia

#BB837D

Achromatopsia

#585858

CSS Usage

background-color: #C22EC4;
color: #C22EC4;
border-color: #C22EC4;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF3FB
100
#F6E4F7
200
#F1C5F1
300
#E79CE8
400
#DA66DB
500
#CC30CF
600
#A427A5
700
#831F84
800
#661867
900
#4B154B
950
#2F0E30

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

4.48:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026