#97A280

#97A280

Color Values

HEX

#97A280

RGB

151, 162, 128

HSL

79.4, 15.5%, 56.9%

HSV

79.4, 21.0%, 63.5%

CMYK

6.8%, 0.0%, 21.0%, 36.5%

OKLCH

0.6942 0.0496 122.3

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#97A280

#8B80A2

Analogous

#A29C80

#86A280

#97A280

Triadic

#97A280

#8097A2

#A28097

Split Complementary

#97A280

#8086A2

#9C80A2

Tetradic

#97A280

#80A29C

#8B80A2

#A28086

Color Blindness Simulation

Original

#97A280

Protanopia

#9C9C88

Deuteranopia

#9B9A8A

Tritanopia

#988F90

Achromatopsia

#9D9D9D

CSS Usage

background-color: #97A280;
color: #97A280;
border-color: #97A280;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F8F6
100
#EEF0EB
200
#DDE1D6
300
#C5CBB8
400
#A6AF92
500
#86936C
600
#6C7656
700
#565E45
800
#434A36
900
#33372A
950
#20231A

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

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