#CEDFDC

#CEDFDC

Color Values

HEX

#CEDFDC

RGB

206, 223, 220

HSL

169.4, 21.0%, 84.1%

HSV

169.4, 7.6%, 87.5%

CMYK

7.6%, 0.0%, 1.3%, 12.5%

OKLCH

0.89 0.0186 184.2

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#CEDFDC

#DFCED1

Analogous

#CEDFD3

#CED9DF

#CEDFDC

Triadic

#CEDFDC

#DCCEDF

#DFDCCE

Split Complementary

#CEDFDC

#DFCED9

#DFD3CE

Tetradic

#CEDFDC

#D3CEDF

#DFCED1

#D9DFCE

Color Blindness Simulation

Original

#CEDFDC

Protanopia

#D5D6DD

Deuteranopia

#D4D3DD

Tritanopia

#CFDDDD

Achromatopsia

#DBDBDB

CSS Usage

background-color: #CEDFDC;
color: #CEDFDC;
border-color: #CEDFDC;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D4E3E0
300
#B5CFCA
400
#8DB4AD
500
#659A91
600
#517B74
700
#40635D
800
#324D48
900
#273A36
950
#192422

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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