#9DA993

#9DA993

Color Values

HEX

#9DA993

RGB

157, 169, 147

HSL

92.7, 11.3%, 62.0%

HSV

92.7, 13.0%, 66.3%

CMYK

7.1%, 0.0%, 13.0%, 33.7%

OKLCH

0.7191 0.034 130.7

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#9DA993

#9F93A9

Analogous

#A8A993

#93A994

#9DA993

Triadic

#9DA993

#939DA9

#A9939D

Split Complementary

#9DA993

#9493A9

#A993A8

Tetradic

#9DA993

#93A8A9

#9F93A9

#A99493

Color Blindness Simulation

Original

#9DA993

Protanopia

#A2A298

Deuteranopia

#A2A19A

Tritanopia

#9E9D9D

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEB
200
#DBDFD7
300
#C1C9BB
400
#A0AB96
500
#7E8E71
600
#65725A
700
#515B48
800
#3F4739
900
#30352C
950
#1E221B

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

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