#CEECF5

#CEECF5

Color Values

HEX

#CEECF5

RGB

206, 236, 245

HSL

193,8, 66,1%, 88,4%

HSV

193,8, 15,9%, 96,1%

CMYK

15,9%, 3,7%, 0,0%, 3,9%

OKLCH

0,9241 0,0338 217,8

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CEECF5

#F5D7CE

Analogous

#CEF5EA

#CED8F5

#CEECF5

Triadic

#CEECF5

#F5CEEC

#ECF5CE

Split Complementary

#CEECF5

#F5CED8

#F5EACE

Tetradic

#CEECF5

#EACEF5

#F5D7CE

#D8F5CE

Color Blindness Simulation

Original

#CEECF5

Protanopia

#DBDBF3

Deuteranopia

#D9D7F2

Tritanopia

#D0F1F1

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#F3FAFC
100
#E3F3F7
200
#C4E8F3
300
#99D8EA
400
#62C2DF
500
#2BADD4
600
#238AA9
700
#1C6F88
800
#16576A
900
#14404D
950
#0C2831

Contrast Checker

Text on white

1,24:1

AA Fail AAA Fail

Text on black

16,94: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