#9ADBB3

#9ADBB3

Color Values

HEX

#9ADBB3

RGB

154, 219, 179

HSL

143,1, 47,4%, 73,1%

HSV

143,1, 29,7%, 85,9%

CMYK

29,7%, 0,0%, 18,3%, 14,1%

OKLCH

0,8368 0,0867 156,9

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#9ADBB3

#DB9AC2

Analogous

#A1DB9A

#9ADBD3

#9ADBB3

Triadic

#9ADBB3

#B39ADB

#DBB39A

Split Complementary

#9ADBB3

#D39ADB

#DB9AA1

Tetradic

#9ADBB3

#9AA1DB

#DB9AC2

#DBD39A

Color Blindness Simulation

Original

#9ADBB3

Protanopia

#B6B7BD

Deuteranopia

#B2AEBF

Tritanopia

#9DC4C6

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F4FAF7
100
#E6F4EB
200
#CAECD7
300
#A5DFBB
400
#74CD96
500
#43BC72
600
#36965B
700
#2B7849
800
#225E39
900
#1C452C
950
#122C1C

Contrast Checker

Text on white

1,6:1

AA Fail AAA Fail

Text on black

13,16: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