#9FA180

#9FA180

Color Values

HEX

#9FA180

RGB

159, 161, 128

HSL

63.6, 14.9%, 56.7%

HSV

63.6, 20.5%, 63.1%

CMYK

1.2%, 0.0%, 20.5%, 36.9%

OKLCH

0.6985 0.0463 110.4

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#9FA180

#8280A1

Analogous

#A19380

#8FA180

#9FA180

Triadic

#9FA180

#809FA1

#A1809F

Split Complementary

#9FA180

#808FA1

#9380A1

Tetradic

#9FA180

#80A193

#8280A1

#A1808F

Color Blindness Simulation

Original

#9FA180

Protanopia

#A0A088

Deuteranopia

#A0A08A

Tritanopia

#9F8E90

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#E0E1D6
300
#CACBB9
400
#ADAF93
500
#90926D
600
#737557
700
#5C5E45
800
#484936
900
#36372A
950
#22231A

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

7.88:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026