#9DA198

#9DA198

Color Values

HEX

#9DA198

RGB

157, 161, 152

HSL

86.7, 4.6%, 61.4%

HSV

86.7, 5.6%, 63.1%

CMYK

2.5%, 0.0%, 5.6%, 36.9%

OKLCH

0.7031 0.0136 126.5

Properties

Cool Light Nearest: RAL 7004 Signal Grey

Color Harmonies

Complementary

#9DA198

#9C98A1

Analogous

#A1A198

#99A198

#9DA198

Triadic

#9DA198

#989DA1

#A1989D

Split Complementary

#9DA198

#9899A1

#A198A1

Tetradic

#9DA198

#98A1A1

#9C98A1

#A19899

Color Blindness Simulation

Original

#9DA198

Protanopia

#9F9F9A

Deuteranopia

#9E9E9B

Tritanopia

#9D9C9C

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEEEC
200
#DBDDDA
300
#C2C5BF
400
#A1A59C
500
#80857A
600
#676B61
700
#52554E
800
#40433D
900
#31322E
950
#1F201D

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

7.98:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026