#CECFDE

#CECFDE

Color Values

HEX

#CECFDE

RGB

206, 207, 222

HSL

236.2, 19.5%, 83.9%

HSV

236.2, 7.2%, 87.1%

CMYK

7.2%, 6.8%, 0.0%, 12.9%

OKLCH

0.8583 0.0207 282.9

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CECFDE

#DEDDCE

Analogous

#CED7DE

#D5CEDE

#CECFDE

Triadic

#CECFDE

#DECECF

#CFDECE

Split Complementary

#CECFDE

#DED5CE

#D7DECE

Tetradic

#CECFDE

#DECED7

#DEDDCE

#CEDED5

Color Blindness Simulation

Original

#CECFDE

Protanopia

#CECEDA

Deuteranopia

#CECED9

Tritanopia

#CED8D7

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAEBF0
200
#D4D5E2
300
#B6B7CE
400
#8E91B3
500
#676A98
600
#52557A
700
#424462
800
#33354C
900
#282939
950
#191A24

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.6:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026