#CED5F9

#CED5F9

Color Values

HEX

#CED5F9

RGB

206, 213, 249

HSL

230.2, 78.2%, 89.2%

HSV

230.2, 17.3%, 97.6%

CMYK

17.3%, 14.5%, 0.0%, 2.4%

OKLCH

0.8791 0.0502 276.6

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CED5F9

#F9F2CE

Analogous

#CEEAF9

#DCCEF9

#CED5F9

Triadic

#CED5F9

#F9CED5

#D5F9CE

Split Complementary

#CED5F9

#F9DCCE

#EAF9CE

Tetradic

#CED5F9

#F9CEEA

#F9F2CE

#CEF9DC

Color Blindness Simulation

Original

#CED5F9

Protanopia

#D1D1F0

Deuteranopia

#D1D0EE

Tritanopia

#CEE9E8

Achromatopsia

#D6D6D6

CSS Usage

background-color: #CED5F9;
color: #CED5F9;
border-color: #CED5F9;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F2F4FC
100
#E1E5F9
200
#BFC9F7
300
#92A2F2
400
#576FEA
500
#1C3CE3
600
#1630B6
700
#122791
800
#0E1E72
900
#0E1953
950
#091034

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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