#CEE4F8

#CEE4F8

Color Values

HEX

#CEE4F8

RGB

206, 228, 248

HSL

208.6, 75.0%, 89.0%

HSV

208.6, 16.9%, 97.3%

CMYK

16.9%, 8.1%, 0.0%, 2.7%

OKLCH

0.9088 0.0361 245.6

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CEE4F8

#F8E2CE

Analogous

#CEF8F7

#CECFF8

#CEE4F8

Triadic

#CEE4F8

#F8CEE4

#E4F8CE

Split Complementary

#CEE4F8

#F8CECF

#F8F7CE

Tetradic

#CEE4F8

#F7CEF8

#F8E2CE

#CFF8CE

Color Blindness Simulation

Original

#CEE4F8

Protanopia

#D8D8F3

Deuteranopia

#D6D5F2

Tritanopia

#CFEFEE

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E2EEF9
200
#C1DDF6
300
#94C4F0
400
#5AA4E7
500
#2084DF
600
#196AB3
700
#14548F
800
#104270
900
#103251
950
#0A2033

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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