#CEF9EC

#CEF9EC

Color Values

HEX

#CEF9EC

RGB

206, 249, 236

HSL

161.9, 78.2%, 89.2%

HSV

161.9, 17.3%, 97.6%

CMYK

17.3%, 0.0%, 5.2%, 2.4%

OKLCH

0.9483 0.0475 175.0

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#CEF9EC

#F9CEDB

Analogous

#CEF9D6

#CEF0F9

#CEF9EC

Triadic

#CEF9EC

#ECCEF9

#F9ECCE

Split Complementary

#CEF9EC

#F9CEF0

#F9D6CE

Tetradic

#CEF9EC

#D6CEF9

#F9CEDB

#F0F9CE

Color Blindness Simulation

Original

#CEF9EC

Protanopia

#E1E1EF

Deuteranopia

#DEDBF0

Tritanopia

#D0F2F2

Achromatopsia

#EFEFEF

CSS Usage

background-color: #CEF9EC;
color: #CEF9EC;
border-color: #CEF9EC;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F2FCF9
100
#E1F9F2
200
#BFF7E6
300
#92F2D5
400
#57EABE
500
#1CE3A7
600
#16B686
700
#12916B
800
#0E7254
900
#0E533E
950
#093427

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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