#9ADEC2

#9ADEC2

Color Values

HEX

#9ADEC2

RGB

154, 222, 194

HSL

155.3, 50.7%, 73.7%

HSV

155.3, 30.6%, 87.1%

CMYK

30.6%, 0.0%, 12.6%, 12.9%

OKLCH

0.8474 0.0792 166.9

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#9ADEC2

#DE9AB6

Analogous

#9ADEA0

#9AD8DE

#9ADEC2

Triadic

#9ADEC2

#C29ADE

#DEC29A

Split Complementary

#9ADEC2

#DE9AD8

#DEA09A

Tetradic

#9ADEC2

#A09ADE

#DE9AB6

#D8DE9A

Color Blindness Simulation

Original

#9ADEC2

Protanopia

#B7B8C9

Deuteranopia

#B4AECA

Tritanopia

#9DCECF

Achromatopsia

#CECECE

CSS Usage

background-color: #9ADEC2;
color: #9ADEC2;
border-color: #9ADEC2;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F4FBF8
100
#E5F5EF
200
#C9EDDE
300
#A3E1C7
400
#71D0A9
500
#3FC08B
600
#329A6F
700
#287B59
800
#1F6045
900
#1A4734
950
#112D21

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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