#CEDEF4

#CEDEF4

Color Values

HEX

#CEDEF4

RGB

206, 222, 244

HSL

214.7, 63.3%, 88.2%

HSV

214.7, 15.6%, 95.7%

CMYK

15.6%, 9.0%, 0.0%, 4.3%

OKLCH

0.8954 0.0348 256.3

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CEDEF4

#F4E4CE

Analogous

#CEF1F4

#D1CEF4

#CEDEF4

Triadic

#CEDEF4

#F4CEDE

#DEF4CE

Split Complementary

#CEDEF4

#F4D1CE

#F1F4CE

Tetradic

#CEDEF4

#F4CEF1

#F4E4CE

#CEF4D1

Color Blindness Simulation

Original

#CEDEF4

Protanopia

#D5D5EF

Deuteranopia

#D4D3ED

Tritanopia

#CFEAEA

Achromatopsia

#DCDCDC

CSS Usage

background-color: #CEDEF4;
color: #CEDEF4;
border-color: #CEDEF4;
Nearest Tailwind: Blue 100 #DBEAFE

Tailwind Shades

50
#F3F7FB
100
#E4ECF7
200
#C5D8F2
300
#9BBCE9
400
#6597DC
500
#2F73D0
600
#255CA7
700
#1E4A85
800
#173968
900
#152C4C
950
#0D1C30

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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