#C5EADD

#C5EADD

Color Values

HEX

#C5EADD

RGB

197, 234, 221

HSL

158.9, 46.8%, 84.5%

HSV

158.9, 15.8%, 91.8%

CMYK

15.8%, 0.0%, 5.6%, 8.2%

OKLCH

0.9069 0.0424 172.1

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#C5EADD

#EAC5D2

Analogous

#C5EACA

#C5E4EA

#C5EADD

Triadic

#C5EADD

#DDC5EA

#EADDC5

Split Complementary

#C5EADD

#EAC5E4

#EACAC5

Tetradic

#C5EADD

#CAC5EA

#EAC5D2

#E4EAC5

Color Blindness Simulation

Original

#C5EADD

Protanopia

#D5D5E0

Deuteranopia

#D3D0E1

Tritanopia

#C7E3E3

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CBECE0
300
#A5DECA
400
#74CDAE
500
#44BB91
600
#369674
700
#2B785D
800
#225E49
900
#1C4537
950
#122B22

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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