#C838CC

#C838CC

Color Values

HEX

#C838CC

RGB

200, 56, 204

HSL

298.4, 59.2%, 51.0%

HSV

298.4, 72.5%, 80.0%

CMYK

2.0%, 72.5%, 0.0%, 20.0%

OKLCH

0.6111 0.2391 326.8

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#C838CC

#3CCC38

Analogous

#7E38CC

#CC3886

#C838CC

Triadic

#C838CC

#CCC838

#38CCC8

Split Complementary

#C838CC

#86CC38

#38CC7E

Tetradic

#C838CC

#CC7E38

#3CCC38

#3886CC

Color Blindness Simulation

Original

#C838CC

Protanopia

#8A88A8

Deuteranopia

#929DA0

Tritanopia

#C18C86

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E4F6
200
#EFC6F0
300
#E49EE6
400
#D669D9
500
#C734CB
600
#9F2AA2
700
#7F2182
800
#631A65
900
#49174A
950
#2E0E2F

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

4.89: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