#CD31C4

#CD31C4

Color Values

HEX

#CD31C4

RGB

205, 49, 196

HSL

303.5, 61.4%, 49.8%

HSV

303.5, 76.1%, 80.4%

CMYK

0.0%, 76.1%, 4.4%, 19.6%

OKLCH

0.6087 0.2424 330.7

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#CD31C4

#31CD3A

Analogous

#8831CD

#CD3176

#CD31C4

Triadic

#CD31C4

#C4CD31

#31C4CD

Split Complementary

#CD31C4

#76CD31

#31CD88

Tetradic

#CD31C4

#CD8831

#31CD3A

#3176CD

Color Blindness Simulation

Original

#CD31C4

Protanopia

#8988A0

Deuteranopia

#929E98

Tritanopia

#C5847E

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F5
200
#F1C5EF
300
#E79CE3
400
#DB67D4
500
#CE31C5
600
#A5279D
700
#841F7E
800
#671962
900
#4B1648
950
#300E2E

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

4.83:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026