#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026