#CBB8DC

#CBB8DC

Color Values

HEX

#CBB8DC

RGB

203, 184, 220

HSL

271.7, 34.0%, 79.2%

HSV

271.7, 16.4%, 86.3%

CMYK

7.7%, 16.4%, 0.0%, 13.7%

OKLCH

0.81 0.0539 308.9

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#CBB8DC

#C9DCB8

Analogous

#B9B8DC

#DCB8DB

#CBB8DC

Triadic

#CBB8DC

#DCCBB8

#B8DCCB

Split Complementary

#CBB8DC

#DBDCB8

#B8DCB9

Tetradic

#CBB8DC

#DCB9B8

#C9DCB8

#B8DBDC

Color Blindness Simulation

Original

#CBB8DC

Protanopia

#C3C3D3

Deuteranopia

#C4C5D1

Tritanopia

#CACCCB

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE8F2
200
#DCCFE7
300
#C3ADD7
400
#A281C1
500
#8254AB
600
#684389
700
#53366D
800
#412A55
900
#31223F
950
#1F1528

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.43: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