#CED8F5

#CED8F5

Color Values

HEX

#CED8F5

RGB

206, 216, 245

HSL

224.6, 66.1%, 88.4%

HSV

224.6, 15.9%, 96.1%

CMYK

15.9%, 11.8%, 0.0%, 3.9%

OKLCH

0.8837 0.0414 270.4

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CED8F5

#F5EBCE

Analogous

#CEEBF5

#D7CEF5

#CED8F5

Triadic

#CED8F5

#F5CED8

#D8F5CE

Split Complementary

#CED8F5

#F5D7CE

#EBF5CE

Tetradic

#CED8F5

#F5CEEB

#F5EBCE

#CEF5D7

Color Blindness Simulation

Original

#CED8F5

Protanopia

#D2D2EE

Deuteranopia

#D2D1EC

Tritanopia

#CEE8E7

Achromatopsia

#D8D8D8

CSS Usage

background-color: #CED8F5;
color: #CED8F5;
border-color: #CED8F5;
Nearest Tailwind: Indigo 100 #E0E7FF

Tailwind Shades

50
#F3F5FC
100
#E3E8F7
200
#C4D0F3
300
#99AEEA
400
#6282DF
500
#2B56D4
600
#2345A9
700
#1C3788
800
#162B6A
900
#14224D
950
#0C1631

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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