#C9DECF

#C9DECF

Color Values

HEX

#C9DECF

RGB

201, 222, 207

HSL

137.1, 24.1%, 82.9%

HSV

137.1, 9.5%, 87.1%

CMYK

9.5%, 0.0%, 6.8%, 12.9%

OKLCH

0.8807 0.0303 154.6

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#C9DECF

#DEC9D8

Analogous

#CDDEC9

#C9DED9

#C9DECF

Triadic

#C9DECF

#CFC9DE

#DECFC9

Split Complementary

#C9DECF

#D9C9DE

#DEC9CD

Tetradic

#C9DECF

#C9CDDE

#DEC9D8

#DED9C9

Color Blindness Simulation

Original

#C9DECF

Protanopia

#D2D2D3

Deuteranopia

#D1CFD3

Tritanopia

#CAD5D6

Achromatopsia

#D8D8D8

CSS Usage

background-color: #C9DECF;
color: #C9DECF;
border-color: #C9DECF;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F6F9F7
100
#E9F1EC
200
#D3E4D8
300
#B3D1BB
400
#8AB797
500
#619E72
600
#4D7F5B
700
#3E6549
800
#304F39
900
#263B2C
950
#18251C

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026