#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026