#C4E7DB

#C4E7DB

Color Values

HEX

#C4E7DB

RGB

196, 231, 219

HSL

159.4, 42.2%, 83.7%

HSV

159.4, 15.2%, 90.6%

CMYK

15.2%, 0.0%, 5.2%, 9.4%

OKLCH

0.8994 0.0401 172.6

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#C4E7DB

#E7C4D0

Analogous

#C4E7C9

#C4E1E7

#C4E7DB

Triadic

#C4E7DB

#DBC4E7

#E7DBC4

Split Complementary

#C4E7DB

#E7C4E1

#E7C9C4

Tetradic

#C4E7DB

#C9C4E7

#E7C4D0

#E1E7C4

Color Blindness Simulation

Original

#C4E7DB

Protanopia

#D3D3DE

Deuteranopia

#D1CEDF

Tritanopia

#C6E0E1

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F4EF
200
#CCEAE0
300
#A8DCCA
400
#79C8AD
500
#4AB590
600
#3B9173
700
#2F745C
800
#255B48
900
#1E4336
950
#132A22

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.8:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026