#98A079

#98A079

Color Values

HEX

#98A079

RGB

152, 160, 121

HSL

72.3, 17.0%, 55.1%

HSV

72.3, 24.4%, 62.7%

CMYK

5.0%, 0.0%, 24.4%, 37.3%

OKLCH

0.689 0.0554 117.3

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#98A079

#8179A0

Analogous

#A09479

#85A079

#98A079

Triadic

#98A079

#7998A0

#A07998

Split Complementary

#98A079

#7985A0

#9479A0

Tetradic

#98A079

#79A094

#8179A0

#A07985

Color Blindness Simulation

Original

#98A079

Protanopia

#9B9C82

Deuteranopia

#9B9A85

Tritanopia

#988A8C

Achromatopsia

#9B9B9B

CSS Usage

background-color: #98A079;
color: #98A079;
border-color: #98A079;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F8F6
100
#EFF0EB
200
#DFE1D5
300
#C8CCB7
400
#AAB191
500
#8C956A
600
#707755
700
#5A5F44
800
#464B35
900
#353829
950
#21231A

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

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