#CCDEF8

#CCDEF8

Color Values

HEX

#CCDEF8

RGB

204, 222, 248

HSL

215.5, 75.9%, 88.6%

HSV

215.5, 17.7%, 97.3%

CMYK

17.7%, 10.5%, 0.0%, 2.7%

OKLCH

0.8953 0.0407 257.5

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CCDEF8

#F8E6CC

Analogous

#CCF4F8

#D0CCF8

#CCDEF8

Triadic

#CCDEF8

#F8CCDE

#DEF8CC

Split Complementary

#CCDEF8

#F8D0CC

#F4F8CC

Tetradic

#CCDEF8

#F8CCF4

#F8E6CC

#CCF8D0

Color Blindness Simulation

Original

#CCDEF8

Protanopia

#D4D4F2

Deuteranopia

#D3D1F0

Tritanopia

#CDEDEC

Achromatopsia

#DCDCDC

CSS Usage

background-color: #CCDEF8;
color: #CCDEF8;
border-color: #CCDEF8;
Nearest Tailwind: Indigo 100 #E0E7FF

Tailwind Shades

50
#F2F6FC
100
#E2EBF9
200
#C0D6F6
300
#93B9F0
400
#5994E8
500
#1F6EE0
600
#1958B3
700
#144690
800
#0F3770
900
#0F2A52
950
#0A1B34

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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