#CEDCE7

#CEDCE7

Color Values

HEX

#CEDCE7

RGB

206, 220, 231

HSL

206.4, 34.2%, 85.7%

HSV

206.4, 10.8%, 90.6%

CMYK

10.8%, 4.8%, 0.0%, 9.4%

OKLCH

0.8872 0.0214 241.4

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CEDCE7

#E7D9CE

Analogous

#CEE7E6

#CED0E7

#CEDCE7

Triadic

#CEDCE7

#E7CEDC

#DCE7CE

Split Complementary

#CEDCE7

#E7CED0

#E7E6CE

Tetradic

#CEDCE7

#E6CEE7

#E7D9CE

#D0E7CE

Color Blindness Simulation

Original

#CEDCE7

Protanopia

#D4D4E4

Deuteranopia

#D3D2E4

Tritanopia

#CFE2E2

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDDE8
300
#ADC4D7
400
#80A5C1
500
#5485AB
600
#436A89
700
#36556E
800
#2A4256
900
#22323F
950
#152028

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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