#CDB8D3

#CDB8D3

Color Values

HEX

#CDB8D3

RGB

205, 184, 211

HSL

286,7, 23,5%, 77,5%

HSV

286,7, 12,8%, 82,7%

CMYK

2,8%, 12,8%, 0,0%, 17,3%

OKLCH

0,8086 0,0439 318,7

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#CDB8D3

#BED3B8

Analogous

#C0B8D3

#D3B8CC

#CDB8D3

Triadic

#CDB8D3

#D3CDB8

#B8D3CD

Split Complementary

#CDB8D3

#CCD3B8

#B8D3C0

Tetradic

#CDB8D3

#D3C0B8

#BED3B8

#B8CCD3

Color Blindness Simulation

Original

#CDB8D3

Protanopia

#C4C4CC

Deuteranopia

#C5C7CB

Tritanopia

#CCC7C6

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EFEAF1
200
#E0D3E4
300
#CAB3D0
400
#AD8AB7
500
#90629D
600
#734E7E
700
#5C3E65
800
#48314F
900
#36263B
950
#221825

Contrast Checker

Text on white

1,84:1

AA Fail AAA Fail

Text on black

11,39:1

AA Pass AAA Pass

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