#9BAC96

#9BAC96

Color Values

HEX

#9BAC96

RGB

155, 172, 150

HSL

106.4, 11.7%, 63.1%

HSV

106.4, 12.8%, 67.5%

CMYK

9.9%, 0.0%, 12.8%, 32.5%

OKLCH

0.7249 0.0366 138.6

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#9BAC96

#A796AC

Analogous

#A6AC96

#96AC9C

#9BAC96

Triadic

#9BAC96

#969BAC

#AC969B

Split Complementary

#9BAC96

#9C96AC

#AC96A6

Tetradic

#9BAC96

#96A6AC

#A796AC

#AC9C96

Color Blindness Simulation

Original

#9BAC96

Protanopia

#A2A39B

Deuteranopia

#A1A09D

Tritanopia

#9CA0A0

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFEB
200
#D9DFD7
300
#BEC9BB
400
#9BAC96
500
#778E71
600
#5F725A
700
#4C5B48
800
#3C4738
900
#2E362B
950
#1D221B

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

8.74:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026