#C820C8

#C820C8

Color Values

HEX

#C820C8

RGB

200, 32, 200

HSL

300.0, 72.4%, 45.5%

HSV

300.0, 84.0%, 78.4%

CMYK

0.0%, 84.0%, 0.0%, 21.6%

OKLCH

0.5935 0.2562 328.2

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C820C8

#20C820

Analogous

#7420C8

#C82074

#C820C8

Triadic

#C820C8

#C8C820

#20C8C8

Split Complementary

#C820C8

#74C820

#20C874

Tetradic

#C820C8

#C87420

#20C820

#2074C8

Color Blindness Simulation

Original

#C820C8

Protanopia

#7F7E9F

Deuteranopia

#899696

Tritanopia

#C07F78

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F5C1F5
300
#EE95EE
400
#E55CE5
500
#DC23DC
600
#B01CB0
700
#8D178D
800
#6E126E
900
#501150
950
#330B33

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

4.5:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026