#9BA180

#9BA180

Color Values

HEX

#9BA180

RGB

155, 161, 128

HSL

70.9, 14.9%, 56.7%

HSV

70.9, 20.5%, 63.1%

CMYK

3.7%, 0.0%, 20.5%, 36.9%

OKLCH

0.6952 0.0469 116.0

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#9BA180

#8680A1

Analogous

#A19780

#8BA180

#9BA180

Triadic

#9BA180

#809BA1

#A1809B

Split Complementary

#9BA180

#808BA1

#9780A1

Tetradic

#9BA180

#80A197

#8680A1

#A1808B

Color Blindness Simulation

Original

#9BA180

Protanopia

#9E9E88

Deuteranopia

#9D9D8A

Tritanopia

#9B8E90

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#DFE1D6
300
#C8CBB9
400
#AAAF93
500
#8C926D
600
#707557
700
#595E45
800
#464936
900
#35372A
950
#21231A

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

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