#CDBCE3

#CDBCE3

Color Values

HEX

#CDBCE3

RGB

205, 188, 227

HSL

266.2, 41.1%, 81.4%

HSV

266.2, 17.2%, 89.0%

CMYK

9.7%, 17.2%, 0.0%, 11.0%

OKLCH

0.8219 0.0569 304.9

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#CDBCE3

#D2E3BC

Analogous

#BCBFE3

#E1BCE3

#CDBCE3

Triadic

#CDBCE3

#E3CDBC

#BCE3CD

Split Complementary

#CDBCE3

#E3E1BC

#BFE3BC

Tetradic

#CDBCE3

#E3BCBF

#D2E3BC

#BCE3E1

Color Blindness Simulation

Original

#CDBCE3

Protanopia

#C6C5DA

Deuteranopia

#C7C8D7

Tritanopia

#CCD2D0

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#D9CDEA
300
#BFA9DB
400
#9C7AC7
500
#794BB4
600
#613C90
700
#4D3073
800
#3C265A
900
#2E1F42
950
#1D132A

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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