#CD8EC6

#CD8EC6

Color Values

HEX

#CD8EC6

RGB

205, 142, 198

HSL

306,7, 38,7%, 68,0%

HSV

306,7, 30,7%, 80,4%

CMYK

0,0%, 30,7%, 3,4%, 19,6%

OKLCH

0,727 0,1061 330,5

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#CD8EC6

#8ECD95

Analogous

#B48ECD

#CD8EA6

#CD8EC6

Triadic

#CD8EC6

#C6CD8E

#8EC6CD

Split Complementary

#CD8EC6

#A6CD8E

#8ECDB4

Tetradic

#CD8EC6

#CDB48E

#8ECD95

#8EA6CD

Color Blindness Simulation

Original

#CD8EC6

Protanopia

#B2B1B8

Deuteranopia

#B5BAB5

Tritanopia

#CAAEAB

Achromatopsia

#9F9F9F

CSS Usage

background-color: #CD8EC6;
color: #CD8EC6;
border-color: #CD8EC6;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#E9CDE6
300
#D9AAD4
400
#C57CBD
500
#B14EA6
600
#8D3F85
700
#71326A
800
#582753
900
#41203E
950
#291427

Contrast Checker

Text on white

2,54:1

AA Fail AAA Fail

Text on black

8,28:1

AA Pass AAA Pass

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