#CEDDF7

#CEDDF7

Color Values

HEX

#CEDDF7

RGB

206, 221, 247

HSL

218,0, 71,9%, 88,8%

HSV

218,0, 16,6%, 96,9%

CMYK

16,6%, 10,5%, 0,0%, 3,1%

OKLCH

0,8944 0,0393 261,5

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CEDDF7

#F7E8CE

Analogous

#CEF1F7

#D3CEF7

#CEDDF7

Triadic

#CEDDF7

#F7CEDD

#DDF7CE

Split Complementary

#CEDDF7

#F7D3CE

#F1F7CE

Tetradic

#CEDDF7

#F7CEF1

#F7E8CE

#CEF7D3

Color Blindness Simulation

Original

#CEDDF7

Protanopia

#D4D5F1

Deuteranopia

#D4D2EF

Tritanopia

#CFECEB

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E2EAF8
200
#C2D4F5
300
#96B6EE
400
#5D8FE4
500
#2467DB
600
#1D52AF
700
#17428C
800
#12346E
900
#112850
950
#0B1932

Contrast Checker

Text on white

1,37:1

AA Fail AAA Fail

Text on black

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