#CCBDEC

#CCBDEC

Color Values

HEX

#CCBDEC

RGB

204, 189, 236

HSL

259.1, 55.3%, 83.3%

HSV

259.1, 19.9%, 92.5%

CMYK

13.6%, 19.9%, 0.0%, 7.5%

OKLCH

0.8262 0.0669 299.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CCBDEC

#DDECBD

Analogous

#BDC5EC

#E3BDEC

#CCBDEC

Triadic

#CCBDEC

#ECCCBD

#BDECCC

Split Complementary

#CCBDEC

#ECE3BD

#C5ECBD

Tetradic

#CCBDEC

#ECBDC5

#DDECBD

#BDECE3

Color Blindness Simulation

Original

#CCBDEC

Protanopia

#C6C5E1

Deuteranopia

#C6C7DE

Tritanopia

#CBD8D6

Achromatopsia

#C4C4C4

CSS Usage

background-color: #CCBDEC;
color: #CCBDEC;
border-color: #CCBDEC;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F6F4FB
100
#EAE5F6
200
#D4C8EF
300
#B6A0E4
400
#8E6CD5
500
#6639C6
600
#522E9E
700
#41247F
800
#331C63
900
#281849
950
#190F2E

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

12.06:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026