#CEDCE0

#CEDCE0

Color Values

HEX

#CEDCE0

RGB

206, 220, 224

HSL

193.3, 22.5%, 84.3%

HSV

193.3, 8.0%, 87.8%

CMYK

8.0%, 1.8%, 0.0%, 12.2%

OKLCH

0.8851 0.0161 216.7

Properties

Cool Light Nearest: NCS S 1500-N Lightest Grey

Color Harmonies

Complementary

#CEDCE0

#E0D2CE

Analogous

#CEE0DB

#CED3E0

#CEDCE0

Triadic

#CEDCE0

#E0CEDC

#DCE0CE

Split Complementary

#CEDCE0

#E0CED3

#E0DBCE

Tetradic

#CEDCE0

#DBCEE0

#E0D2CE

#D3E0CE

Color Blindness Simulation

Original

#CEDCE0

Protanopia

#D4D4DF

Deuteranopia

#D3D2DF

Tritanopia

#CFDEDE

Achromatopsia

#D9D9D9

CSS Usage

background-color: #CEDCE0;
color: #CEDCE0;
border-color: #CEDCE0;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F6F8F9
100
#EAEFF1
200
#D3E0E3
300
#B4C9D0
400
#8BACB6
500
#638F9C
600
#4F737D
700
#3F5C64
800
#31484E
900
#27363A
950
#182225

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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