#CCDBF0

#CCDBF0

Color Values

HEX

#CCDBF0

RGB

204, 219, 240

HSL

215.0, 54.5%, 87.1%

HSV

215.0, 15.0%, 94.1%

CMYK

15.0%, 8.8%, 0.0%, 5.9%

OKLCH

0.8866 0.0332 256.8

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCDBF0

#F0E1CC

Analogous

#CCEDF0

#CFCCF0

#CCDBF0

Triadic

#CCDBF0

#F0CCDB

#DBF0CC

Split Complementary

#CCDBF0

#F0CFCC

#EDF0CC

Tetradic

#CCDBF0

#F0CCED

#F0E1CC

#CCF0CF

Color Blindness Simulation

Original

#CCDBF0

Protanopia

#D2D3EB

Deuteranopia

#D2D0EA

Tritanopia

#CDE7E6

Achromatopsia

#D9D9D9

CSS Usage

background-color: #CCDBF0;
color: #CCDBF0;
border-color: #CCDBF0;
Nearest Tailwind: Blue 100 #DBEAFE

Tailwind Shades

50
#F4F7FB
100
#E5ECF5
200
#C8D8EF
300
#A0BCE3
400
#6D98D4
500
#3A74C5
600
#2E5D9E
700
#254A7E
800
#1D3A62
900
#192C48
950
#101C2E

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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