#CEEDF5

#CEEDF5

Color Values

HEX

#CEEDF5

RGB

206, 237, 245

HSL

192.3, 66.1%, 88.4%

HSV

192.3, 15.9%, 96.1%

CMYK

15.9%, 3.3%, 0.0%, 3.9%

OKLCH

0.9262 0.0342 215.0

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CEEDF5

#F5D6CE

Analogous

#CEF5E9

#CED9F5

#CEEDF5

Triadic

#CEEDF5

#F5CEED

#EDF5CE

Split Complementary

#CEEDF5

#F5CED9

#F5E9CE

Tetradic

#CEEDF5

#E9CEF5

#F5D6CE

#D9F5CE

Color Blindness Simulation

Original

#CEEDF5

Protanopia

#DBDCF3

Deuteranopia

#DAD7F3

Tritanopia

#D0F2F1

Achromatopsia

#E7E7E7

CSS Usage

background-color: #CEEDF5;
color: #CEEDF5;
border-color: #CEEDF5;
Nearest Tailwind: Sky 100 #E0F2FE

Tailwind Shades

50
#F3FAFC
100
#E3F3F7
200
#C4E9F3
300
#99DAEA
400
#62C5DF
500
#2BB1D4
600
#238EA9
700
#1C7188
800
#16596A
900
#14414D
950
#0C2931

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.06:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026