#C9DED2

#C9DED2

Color Values

HEX

#C9DED2

RGB

201, 222, 210

HSL

145.7, 24.1%, 82.9%

HSV

145.7, 9.5%, 87.1%

CMYK

9.5%, 0.0%, 5.4%, 12.9%

OKLCH

0.8816 0.0277 160.8

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#C9DED2

#DEC9D5

Analogous

#CADEC9

#C9DEDC

#C9DED2

Triadic

#C9DED2

#D2C9DE

#DED2C9

Split Complementary

#C9DED2

#DCC9DE

#DEC9CA

Tetradic

#C9DED2

#C9CADE

#DEC9D5

#DEDCC9

Color Blindness Simulation

Original

#C9DED2

Protanopia

#D2D2D5

Deuteranopia

#D1CFD6

Tritanopia

#CAD7D8

Achromatopsia

#D9D9D9

CSS Usage

background-color: #C9DED2;
color: #C9DED2;
border-color: #C9DED2;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F9F7
100
#E9F1ED
200
#D3E4DA
300
#B3D1C0
400
#8AB79D
500
#619E7B
600
#4D7F62
700
#3E654F
800
#304F3E
900
#263B2F
950
#18251E

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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