#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026