#9AB899

#9AB899

Color Values

HEX

#9AB899

RGB

154, 184, 153

HSL

118.1, 17.9%, 66.1%

HSV

118.1, 16.8%, 72.2%

CMYK

16.3%, 0.0%, 16.8%, 27.8%

OKLCH

0.7515 0.0547 144.2

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#9AB899

#B799B8

Analogous

#AAB899

#99B8A8

#9AB899

Triadic

#9AB899

#999AB8

#B8999A

Split Complementary

#9AB899

#A899B8

#B899AA

Tetradic

#9AB899

#99AAB8

#B799B8

#B8A899

Color Blindness Simulation

Original

#9AB899

Protanopia

#A7A7A0

Deuteranopia

#A5A3A2

Tritanopia

#9BA6A8

Achromatopsia

#AFAFAF

CSS Usage

background-color: #9AB899;
color: #9AB899;
border-color: #9AB899;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F6F9F6
100
#EBF0EA
200
#D5E2D5
300
#B8CDB7
400
#91B290
500
#6A9669
600
#557854
700
#446043
800
#354B34
900
#293829
950
#1A241A

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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