#C80FC5

#C80FC5

Color Values

HEX

#C80FC5

RGB

200, 15, 197

HSL

301.0, 86.0%, 42.2%

HSV

301.0, 92.5%, 78.4%

CMYK

0.0%, 92.5%, 1.5%, 21.6%

OKLCH

0.5856 0.2624 329.1

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C80FC5

#0FC812

Analogous

#6F0FC8

#C80F69

#C80FC5

Triadic

#C80FC5

#C5C80F

#0FC5C8

Split Complementary

#C80FC5

#69C80F

#0FC86F

Tetradic

#C80FC5

#C86F0F

#0FC812

#0F69C8

Color Blindness Simulation

Original

#C80FC5

Protanopia

#787699

Deuteranopia

#83908E

Tritanopia

#BF766F

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABDF9
300
#F68DF5
400
#F250EF
500
#ED12E9
600
#BE0EBB
700
#980B95
800
#770975
900
#560B55
950
#360735

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

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