#C224CF

#C224CF

Color Values

HEX

#C224CF

RGB

194, 36, 207

HSL

295.4, 70.4%, 47.6%

HSV

295.4, 82.6%, 81.2%

CMYK

6.3%, 82.6%, 0.0%, 18.8%

OKLCH

0.5908 0.2561 324.6

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#C224CF

#31CF24

Analogous

#6C24CF

#CF2486

#C224CF

Triadic

#C224CF

#CFC224

#24CFC2

Split Complementary

#C224CF

#86CF24

#24CF6C

Tetradic

#C224CF

#CF6C24

#31CF24

#2486CF

Color Blindness Simulation

Original

#C224CF

Protanopia

#7E7CA6

Deuteranopia

#87939C

Tritanopia

#BA857E

Achromatopsia

#525252

CSS Usage

background-color: #C224CF;
color: #C224CF;
border-color: #C224CF;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FBF3FC
100
#F6E2F8
200
#F1C2F4
300
#E697ED
400
#D95EE3
500
#CB26D9
600
#A31EAE
700
#82188B
800
#66136D
900
#4A124F
950
#2F0B32

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

4.45:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026