#C80FC2

#C80FC2

Color Values

HEX

#C80FC2

RGB

200, 15, 194

HSL

301,9, 86,0%, 42,2%

HSV

301,9, 92,5%, 78,4%

CMYK

0,0%, 92,5%, 3,0%, 21,6%

OKLCH

0,5838 0,2604 330,0

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C80FC2

#0FC815

Analogous

#710FC8

#C80F66

#C80FC2

Triadic

#C80FC2

#C2C80F

#0FC2C8

Split Complementary

#C80FC2

#66C80F

#0FC871

Tetradic

#C80FC2

#C8710F

#0FC815

#0F66C8

Color Blindness Simulation

Original

#C80FC2

Protanopia

#787697

Deuteranopia

#83908C

Tritanopia

#BF746D

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0F9
200
#FABDF8
300
#F68DF3
400
#F250ED
500
#ED12E6
600
#BE0EB8
700
#980B93
800
#770973
900
#560B54
950
#360735

Contrast Checker

Text on white

4,88:1

AA Pass AAA Fail

Text on black

4,3: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