#CCDBE6

#CCDBE6

Color Values

HEX

#CCDBE6

RGB

204, 219, 230

HSL

205.4, 34.2%, 85.1%

HSV

205.4, 11.3%, 90.2%

CMYK

11.3%, 4.8%, 0.0%, 9.8%

OKLCH

0.8834 0.0222 239.5

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCDBE6

#E6D7CC

Analogous

#CCE6E4

#CCCEE6

#CCDBE6

Triadic

#CCDBE6

#E6CCDB

#DBE6CC

Split Complementary

#CCDBE6

#E6CCCE

#E6E4CC

Tetradic

#CCDBE6

#E4CCE6

#E6D7CC

#CEE6CC

Color Blindness Simulation

Original

#CCDBE6

Protanopia

#D2D3E3

Deuteranopia

#D2D0E3

Tritanopia

#CDE1E1

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDDE8
300
#ADC5D7
400
#80A6C1
500
#5486AB
600
#436B89
700
#36566E
800
#2A4356
900
#22333F
950
#152028

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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