#C4EBDF

#C4EBDF

Color Values

HEX

#C4EBDF

RGB

196, 235, 223

HSL

161.5, 49.4%, 84.5%

HSV

161.5, 16.6%, 92.2%

CMYK

16.6%, 0.0%, 5.1%, 7.8%

OKLCH

0.9089 0.0437 174.7

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#C4EBDF

#EBC4D0

Analogous

#C4EBCB

#C4E4EB

#C4EBDF

Triadic

#C4EBDF

#DFC4EB

#EBDFC4

Split Complementary

#C4EBDF

#EBC4E4

#EBCBC4

Tetradic

#C4EBDF

#CBC4EB

#EBC4D0

#E4EBC4

Color Blindness Simulation

Original

#C4EBDF

Protanopia

#D5D5E2

Deuteranopia

#D3D0E3

Tritanopia

#C6E4E5

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F4FBF9
100
#E6F5F0
200
#CAEDE2
300
#A4E0CD
400
#72CFB3
500
#41BE98
600
#349879
700
#297A61
800
#205F4C
900
#1B4639
950
#112C24

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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