#CD3A86

#CD3A86

Color Values

HEX

#CD3A86

RGB

205, 58, 134

HSL

329,0, 59,5%, 51,6%

HSV

329,0, 71,7%, 80,4%

CMYK

0,0%, 71,7%, 34,6%, 19,6%

OKLCH

0,5875 0,1951 353,2

Properties

Warm Dark Nearest: Cerise

Color Harmonies

Complementary

#CD3A86

#3ACD81

Analogous

#CB3ACD

#CD3A3D

#CD3A86

Triadic

#CD3A86

#86CD3A

#3A86CD

Split Complementary

#CD3A86

#3DCD3A

#3ACDCB

Tetradic

#CD3A86

#CDCB3A

#3ACD81

#3A3DCD

Color Blindness Simulation

Original

#CD3A86

Protanopia

#8D8C74

Deuteranopia

#96A16F

Tritanopia

#C66562

Achromatopsia

#5F5F5F

CSS Usage

background-color: #CD3A86;
color: #CD3A86;
border-color: #CD3A86;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FBF3F7
100
#F6E4ED
200
#F1C6DC
300
#E69DC3
400
#D969A3
500
#CB3482
600
#A32968
700
#822153
800
#661A41
900
#4A1731
950
#2F0E1F

Contrast Checker

Text on white

4,62:1

AA Pass AAA Fail

Text on black

4,55: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