#9AEAD2

#9AEAD2

Color Values

HEX

#9AEAD2

RGB

154, 234, 210

HSL

162.0, 65.6%, 76.1%

HSV

162.0, 34.2%, 91.8%

CMYK

34.2%, 0.0%, 10.3%, 8.2%

OKLCH

0.8786 0.0857 173.4

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#9AEAD2

#EA9AB2

Analogous

#9AEAAA

#9ADAEA

#9AEAD2

Triadic

#9AEAD2

#D29AEA

#EAD29A

Split Complementary

#9AEAD2

#EA9ADA

#EAAA9A

Tetradic

#9AEAD2

#AA9AEA

#EA9AB2

#DAEA9A

Color Blindness Simulation

Original

#9AEAD2

Protanopia

#BDBDD8

Deuteranopia

#B8B2D9

Tritanopia

#9EDCDD

Achromatopsia

#D7D7D7

CSS Usage

background-color: #9AEAD2;
color: #9AEAD2;
border-color: #9AEAD2;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F3FCF9
100
#E3F7F1
200
#C4F3E5
300
#9AEAD2
400
#63DFB9
500
#2CD3A1
600
#23A981
700
#1C8767
800
#166A50
900
#144D3C
950
#0D3126

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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