#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026