#CBC0DF

#CBC0DF

Color Values

HEX

#CBC0DF

RGB

203, 192, 223

HSL

261,3, 32,6%, 81,4%

HSV

261,3, 13,9%, 87,5%

CMYK

9,0%, 13,9%, 0,0%, 12,5%

OKLCH

0,8266 0,0444 301,6

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#CBC0DF

#D4DFC0

Analogous

#C0C5DF

#DBC0DF

#CBC0DF

Triadic

#CBC0DF

#DFCBC0

#C0DFCB

Split Complementary

#CBC0DF

#DFDBC0

#C5DFC0

Tetradic

#CBC0DF

#DFC0C5

#D4DFC0

#C0DFDB

Color Blindness Simulation

Original

#CBC0DF

Protanopia

#C6C6D8

Deuteranopia

#C7C8D6

Tritanopia

#CAD2D0

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#ECE8F2
200
#D8D0E7
300
#BCAED6
400
#9882BF
500
#7356A9
600
#5C4587
700
#4A376C
800
#3A2B55
900
#2C223F
950
#1C1628

Contrast Checker

Text on white

1,73:1

AA Fail AAA Fail

Text on black

12,14:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026