#C9EED6

#C9EED6

Color Values

HEX

#C9EED6

RGB

201, 238, 214

HSL

141.1, 52.1%, 86.1%

HSV

141.1, 15.5%, 93.3%

CMYK

15.5%, 0.0%, 10.1%, 6.7%

OKLCH

0.9161 0.0504 156.8

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#C9EED6

#EEC9E1

Analogous

#CFEEC9

#C9EEE9

#C9EED6

Triadic

#C9EED6

#D6C9EE

#EED6C9

Split Complementary

#C9EED6

#E9C9EE

#EEC9CF

Tetradic

#C9EED6

#C9CFEE

#EEC9E1

#EEE9C9

Color Blindness Simulation

Original

#C9EED6

Protanopia

#D9D9DC

Deuteranopia

#D7D4DD

Tritanopia

#CBE0E1

Achromatopsia

#E4E4E4

CSS Usage

background-color: #C9EED6;
color: #C9EED6;
border-color: #C9EED6;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F4FBF6
100
#E5F5EB
200
#C9EED6
300
#A2E2B8
400
#6FD292
500
#3DC26C
600
#319B56
700
#277C45
800
#1F6136
900
#1A472A
950
#102D1A

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.68:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026