#C828CB

#C828CB

Color Values

HEX

#C828CB

RGB

200, 40, 203

HSL

298.9, 67.1%, 47.6%

HSV

298.9, 80.3%, 79.6%

CMYK

1.5%, 80.3%, 0.0%, 20.4%

OKLCH

0.5995 0.2527 327.3

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#C828CB

#2BCB28

Analogous

#7628CB

#CB287C

#C828CB

Triadic

#C828CB

#CBC828

#28CBC8

Split Complementary

#C828CB

#7CCB28

#28CB76

Tetradic

#C828CB

#CB7628

#2BCB28

#287CCB

Color Blindness Simulation

Original

#C828CB

Protanopia

#8381A4

Deuteranopia

#8C989A

Tritanopia

#C0847E

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F2C3F3
300
#E999EB
400
#DE61E0
500
#D22AD5
600
#A822AA
700
#861B88
800
#69156B
900
#4D134E
950
#300C31

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.62:1

AA Pass 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