#CD31C5

#CD31C5

Color Values

HEX

#CD31C5

RGB

205, 49, 197

HSL

303.1, 61.4%, 49.8%

HSV

303.1, 76.1%, 80.4%

CMYK

0.0%, 76.1%, 3.9%, 19.6%

OKLCH

0.6093 0.2431 330.4

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#CD31C5

#31CD39

Analogous

#8731CD

#CD3177

#CD31C5

Triadic

#CD31C5

#C5CD31

#31C5CD

Split Complementary

#CD31C5

#77CD31

#31CD87

Tetradic

#CD31C5

#CD8731

#31CD39

#3177CD

Color Blindness Simulation

Original

#CD31C5

Protanopia

#8988A1

Deuteranopia

#929E99

Tritanopia

#C5857F

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F6
200
#F1C5EF
300
#E79CE3
400
#DB67D5
500
#CE31C6
600
#A5279E
700
#841F7F
800
#671963
900
#4B1648
950
#300E2E

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

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