#CED8EC

#CED8EC

Color Values

HEX

#CED8EC

RGB

206, 216, 236

HSL

220.0, 44.1%, 86.7%

HSV

220.0, 12.7%, 92.5%

CMYK

12.7%, 8.5%, 0.0%, 7.5%

OKLCH

0.8807 0.0296 264.4

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CED8EC

#ECE2CE

Analogous

#CEE7EC

#D3CEEC

#CED8EC

Triadic

#CED8EC

#ECCED8

#D8ECCE

Split Complementary

#CED8EC

#ECD3CE

#E7ECCE

Tetradic

#CED8EC

#ECCEE7

#ECE2CE

#CEECD3

Color Blindness Simulation

Original

#CED8EC

Protanopia

#D2D2E7

Deuteranopia

#D2D1E6

Tritanopia

#CEE3E2

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CCD6EB
300
#A7B9DD
400
#7793CA
500
#476DB8
600
#395793
700
#2E4676
800
#24365C
900
#1D2A44
950
#121B2B

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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