#C804C0

#C804C0

Color Values

HEX

#C804C0

RGB

200, 4, 192

HSL

302.4, 96.1%, 40.0%

HSV

302.4, 98.0%, 78.4%

CMYK

0.0%, 98.0%, 4.0%, 21.6%

OKLCH

0.5803 0.2623 330.5

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C804C0

#04C80C

Analogous

#6E04C8

#C8045E

#C804C0

Triadic

#C804C0

#C0C804

#04C0C8

Split Complementary

#C804C0

#5EC804

#04C86E

Tetradic

#C804C0

#C86E04

#04C80C

#045EC8

Color Blindness Simulation

Original

#C804C0

Protanopia

#737193

Deuteranopia

#7E8D88

Tritanopia

#BE6F67

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDFFB
200
#FEB9FB
300
#FD87F8
400
#FB46F4
500
#FA05F0
600
#C804C0
700
#A0039A
800
#7D0278
900
#5A0757
950
#390437

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

4.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026