#CCDBEF

#CCDBEF

Color Values

HEX

#CCDBEF

RGB

204, 219, 239

HSL

214.3, 52.2%, 86.9%

HSV

214.3, 14.6%, 93.7%

CMYK

14.6%, 8.4%, 0.0%, 6.3%

OKLCH

0.8863 0.032 255.6

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCDBEF

#EFE0CC

Analogous

#CCEDEF

#CFCCEF

#CCDBEF

Triadic

#CCDBEF

#EFCCDB

#DBEFCC

Split Complementary

#CCDBEF

#EFCFCC

#EDEFCC

Tetradic

#CCDBEF

#EFCCED

#EFE0CC

#CCEFCF

Color Blindness Simulation

Original

#CCDBEF

Protanopia

#D2D3EA

Deuteranopia

#D2D0E9

Tritanopia

#CDE6E6

Achromatopsia

#D9D9D9

CSS Usage

background-color: #CCDBEF;
color: #CCDBEF;
border-color: #CCDBEF;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F4F7FB
100
#E5ECF5
200
#C9D9EE
300
#A2BDE2
400
#6F9AD2
500
#3D76C2
600
#315E9B
700
#274B7C
800
#1E3B61
900
#1A2D47
950
#101D2D

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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