#CED5F5

#CED5F5

Color Values

HEX

#CED5F5

RGB

206, 213, 245

HSL

229.2, 66.1%, 88.4%

HSV

229.2, 15.9%, 96.1%

CMYK

15.9%, 13.1%, 0.0%, 3.9%

OKLCH

0.8778 0.0448 275.7

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#CED5F5

#F5EECE

Analogous

#CEE8F5

#DACEF5

#CED5F5

Triadic

#CED5F5

#F5CED5

#D5F5CE

Split Complementary

#CED5F5

#F5DACE

#E8F5CE

Tetradic

#CED5F5

#F5CEE8

#F5EECE

#CEF5DA

Color Blindness Simulation

Original

#CED5F5

Protanopia

#D1D1ED

Deuteranopia

#D1D0EB

Tritanopia

#CEE7E6

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E7F7
200
#C4CCF3
300
#99A8EA
400
#6279DF
500
#2B4AD4
600
#233BA9
700
#1C2F88
800
#16256A
900
#141E4D
950
#0C1331

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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