#C804C1

#C804C1

Color Values

HEX

#C804C1

RGB

200, 4, 193

HSL

302.1, 96.1%, 40.0%

HSV

302.1, 98.0%, 78.4%

CMYK

0.0%, 98.0%, 3.5%, 21.6%

OKLCH

0.5809 0.263 330.3

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C804C1

#04C80B

Analogous

#6D04C8

#C8045F

#C804C1

Triadic

#C804C1

#C1C804

#04C1C8

Split Complementary

#C804C1

#5FC804

#04C86D

Tetradic

#C804C1

#C86D04

#04C80B

#045FC8

Color Blindness Simulation

Original

#C804C1

Protanopia

#737193

Deuteranopia

#7E8D88

Tritanopia

#BE6F67

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDFFB
200
#FEB9FB
300
#FD87F8
400
#FB46F5
500
#FA05F1
600
#C804C1
700
#A0039B
800
#7D0279
900
#5A0757
950
#390437

Contrast Checker

Text on white

4.95:1

AA Pass AAA Fail

Text on black

4.24:1

AA Fail AAA Fail

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026