#CDBCDC

#CDBCDC

Color Values

HEX

#CDBCDC

RGB

205, 188, 220

HSL

271,9, 31,4%, 80,0%

HSV

271,9, 14,5%, 86,3%

CMYK

6,8%, 14,5%, 0,0%, 13,7%

OKLCH

0,8194 0,0479 309,1

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#CDBCDC

#CBDCBC

Analogous

#BDBCDC

#DCBCDB

#CDBCDC

Triadic

#CDBCDC

#DCCDBC

#BCDCCD

Split Complementary

#CDBCDC

#DBDCBC

#BCDCBD

Tetradic

#CDBCDC

#DCBDBC

#CBDCBC

#BCDBDC

Color Blindness Simulation

Original

#CDBCDC

Protanopia

#C6C5D4

Deuteranopia

#C7C8D2

Tritanopia

#CCCECD

Achromatopsia

#C2C2C2

CSS Usage

background-color: #CDBCDC;
color: #CDBCDC;
border-color: #CDBCDC;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F7F5F9
100
#EDE8F2
200
#DCD0E7
300
#C3AFD5
400
#A383BE
500
#8257A8
600
#684686
700
#53386B
800
#412C54
900
#31233E
950
#1F1627

Contrast Checker

Text on white

1,78:1

AA Fail AAA Fail

Text on black

11,82:1

AA Pass AAA Pass

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