#CCDBE8

#CCDBE8

Color Values

HEX

#CCDBE8

RGB

204, 219, 232

HSL

207.9, 37.8%, 85.5%

HSV

207.9, 12.1%, 91.0%

CMYK

12.1%, 5.6%, 0.0%, 9.0%

OKLCH

0.8841 0.0242 244.2

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCDBE8

#E8D9CC

Analogous

#CCE8E7

#CCCDE8

#CCDBE8

Triadic

#CCDBE8

#E8CCDB

#DBE8CC

Split Complementary

#CCDBE8

#E8CCCD

#E8E7CC

Tetradic

#CCDBE8

#E7CCE8

#E8D9CC

#CDE8CC

Color Blindness Simulation

Original

#CCDBE8

Protanopia

#D2D3E5

Deuteranopia

#D2D0E4

Tritanopia

#CDE2E2

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CEDCE9
300
#ABC3D9
400
#7DA3C4
500
#4F83B0
600
#3F698D
700
#335470
800
#284158
900
#203241
950
#141F29

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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