#CDDFEE

#CDDFEE

Color Values

HEX

#CDDFEE

RGB

205, 223, 238

HSL

207,3, 49,3%, 86,9%

HSV

207,3, 13,9%, 93,3%

CMYK

13,9%, 6,3%, 0,0%, 6,7%

OKLCH

0,8948 0,0283 243,1

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CDDFEE

#EEDCCD

Analogous

#CDEEED

#CDCFEE

#CDDFEE

Triadic

#CDDFEE

#EECDDF

#DFEECD

Split Complementary

#CDDFEE

#EECDCF

#EEEDCD

Tetradic

#CDDFEE

#EDCDEE

#EEDCCD

#CFEECD

Color Blindness Simulation

Original

#CDDFEE

Protanopia

#D5D5EA

Deuteranopia

#D4D2EA

Tritanopia

#CEE8E7

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E6EEF5
200
#CADDED
300
#A4C5E0
400
#72A5CF
500
#4185BE
600
#346B98
700
#29557A
800
#20435F
900
#1B3246
950
#11202C

Contrast Checker

Text on white

1,36:1

AA Fail AAA Fail

Text on black

15,39: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