#CD708A

#CD708A

Color Values

HEX

#CD708A

RGB

205, 112, 138

HSL

343,2, 48,2%, 62,2%

HSV

343,2, 45,4%, 80,4%

CMYK

0,0%, 45,4%, 32,7%, 19,6%

OKLCH

0,6569 0,12 3,1

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#CD708A

#70CDB3

Analogous

#CD70B9

#CD8570

#CD708A

Triadic

#CD708A

#8ACD70

#708ACD

Split Complementary

#CD708A

#70CD85

#70B9CD

Tetradic

#CD708A

#B9CD70

#70CDB3

#8570CD

Color Blindness Simulation

Original

#CD708A

Protanopia

#A5A484

Deuteranopia

#AAB182

Tritanopia

#C87F7E

Achromatopsia

#868686

CSS Usage

background-color: #CD708A;
color: #CD708A;
border-color: #CD708A;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FAF4F6
100
#F4E6EA
200
#EDCAD4
300
#DFA4B5
400
#CE738D
500
#BD4264
600
#973550
700
#792A40
800
#5E2132
900
#451B27
950
#2C1119

Contrast Checker

Text on white

3,34:1

AA Fail AAA Fail

Text on black

6,28:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026