#C80FC4

#C80FC4

Color Values

HEX

#C80FC4

RGB

200, 15, 196

HSL

301.3, 86.0%, 42.2%

HSV

301.3, 92.5%, 78.4%

CMYK

0.0%, 92.5%, 2.0%, 21.6%

OKLCH

0.585 0.2618 329.4

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C80FC4

#0FC813

Analogous

#700FC8

#C80F68

#C80FC4

Triadic

#C80FC4

#C4C80F

#0FC4C8

Split Complementary

#C80FC4

#68C80F

#0FC870

Tetradic

#C80FC4

#C8700F

#0FC813

#0F68C8

Color Blindness Simulation

Original

#C80FC4

Protanopia

#787698

Deuteranopia

#83908E

Tritanopia

#BF766E

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABDF9
300
#F68DF4
400
#F250EE
500
#ED12E8
600
#BE0EBA
700
#980B95
800
#770974
900
#560B54
950
#360735

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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