#CEDDEE

#CEDDEE

Color Values

HEX

#CEDDEE

RGB

206, 221, 238

HSL

211.9, 48.5%, 87.1%

HSV

211.9, 13.4%, 93.3%

CMYK

13.4%, 7.1%, 0.0%, 6.7%

OKLCH

0.8914 0.0285 251.5

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CEDDEE

#EEDFCE

Analogous

#CEEDEE

#CFCEEE

#CEDDEE

Triadic

#CEDDEE

#EECEDD

#DDEECE

Split Complementary

#CEDDEE

#EECFCE

#EDEECE

Tetradic

#CEDDEE

#EECEED

#EEDFCE

#CEEECF

Color Blindness Simulation

Original

#CEDDEE

Protanopia

#D4D5EA

Deuteranopia

#D4D2E9

Tritanopia

#CFE7E6

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E6EDF5
200
#CADAED
300
#A4C0DF
400
#739ECE
500
#427CBD
600
#356397
700
#2A4F79
800
#213E5F
900
#1B2F46
950
#111E2C

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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