#C71FE0

#C71FE0

Color Values

HEX

#C71FE0

RGB

199, 31, 224

HSL

292.2, 75.7%, 50.0%

HSV

292.2, 86.2%, 87.8%

CMYK

11.2%, 86.2%, 0.0%, 12.2%

OKLCH

0.6066 0.2733 321.7

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#C71FE0

#38E01F

Analogous

#661FE0

#E01F99

#C71FE0

Triadic

#C71FE0

#E0C71F

#1FE0C7

Split Complementary

#C71FE0

#99E01F

#1FE066

Tetradic

#C71FE0

#E0661F

#38E01F

#1F99E0

Color Blindness Simulation

Original

#C71FE0

Protanopia

#7E7DB1

Deuteranopia

#8895A6

Tritanopia

#BF8C84

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FBF2FC
100
#F6E2F9
200
#EFC0F6
300
#E493F0
400
#D659E8
500
#C71FE0
600
#9F19B3
700
#7F148F
800
#630F70
900
#490F51
950
#2E0A33

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

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