#CED8ED

#CED8ED

Color Values

HEX

#CED8ED

RGB

206, 216, 237

HSL

220.6, 46.3%, 86.9%

HSV

220.6, 13.1%, 92.9%

CMYK

13.1%, 8.9%, 0.0%, 7.1%

OKLCH

0.8811 0.0309 265.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CED8ED

#EDE3CE

Analogous

#CEE8ED

#D4CEED

#CED8ED

Triadic

#CED8ED

#EDCED8

#D8EDCE

Split Complementary

#CED8ED

#EDD4CE

#E8EDCE

Tetradic

#CED8ED

#EDCEE8

#EDE3CE

#CEEDD4

Color Blindness Simulation

Original

#CED8ED

Protanopia

#D2D2E8

Deuteranopia

#D2D1E7

Tritanopia

#CEE4E3

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CBD5EC
300
#A5B8DE
400
#7591CC
500
#446BBB
600
#375595
700
#2C4477
800
#22355D
900
#1C2945
950
#121A2B

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.67:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026