#C9DFCE

#C9DFCE

Color Values

HEX

#C9DFCE

RGB

201, 223, 206

HSL

133.6, 25.6%, 83.1%

HSV

133.6, 9.9%, 87.5%

CMYK

9.9%, 0.0%, 7.6%, 12.5%

OKLCH

0.8826 0.0329 152.4

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#C9DFCE

#DFC9DA

Analogous

#CFDFC9

#C9DFD9

#C9DFCE

Triadic

#C9DFCE

#CEC9DF

#DFCEC9

Split Complementary

#C9DFCE

#D9C9DF

#DFC9CF

Tetradic

#C9DFCE

#C9CFDF

#DFC9DA

#DFD9C9

Color Blindness Simulation

Original

#C9DFCE

Protanopia

#D3D3D2

Deuteranopia

#D1D0D3

Tritanopia

#CAD5D6

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#E9F1EB
200
#D2E4D6
300
#B2D1B9
400
#88B993
500
#5FA06E
600
#4C8058
700
#3D6646
800
#2F5037
900
#253C2A
950
#18261B

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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