#C61FC0

#C61FC0

Color Values

HEX

#C61FC0

RGB

198, 31, 192

HSL

302.2, 72.9%, 44.9%

HSV

302.2, 84.3%, 77.6%

CMYK

0.0%, 84.3%, 3.0%, 22.4%

OKLCH

0.5853 0.2505 329.9

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C61FC0

#1FC625

Analogous

#791FC6

#C61F6C

#C61FC0

Triadic

#C61FC0

#C0C61F

#1FC0C6

Split Complementary

#C61FC0

#6CC61F

#1FC679

Tetradic

#C61FC0

#C6791F

#1FC625

#1F6CC6

Color Blindness Simulation

Original

#C61FC0

Protanopia

#7E7C99

Deuteranopia

#879490

Tritanopia

#BE7A74

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E2F7
200
#F5C1F3
300
#EE95EB
400
#E55CE0
500
#DC23D6
600
#B01CAB
700
#8D1689
800
#6E116B
900
#50114E
950
#330B31

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

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