#98B291

#98B291

Color Values

HEX

#98B291

RGB

152, 178, 145

HSL

107.3, 17.6%, 63.3%

HSV

107.3, 18.5%, 69.8%

CMYK

14.6%, 0.0%, 18.5%, 30.2%

OKLCH

0.7347 0.0547 139.1

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#98B291

#AB91B2

Analogous

#A8B291

#91B29A

#98B291

Triadic

#98B291

#9198B2

#B29198

Split Complementary

#98B291

#9A91B2

#B291A8

Tetradic

#98B291

#91A8B2

#AB91B2

#B29A91

Color Blindness Simulation

Original

#98B291

Protanopia

#A3A399

Deuteranopia

#A2A09B

Tritanopia

#999FA1

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#ECF0EA
200
#D8E2D5
300
#BCCDB7
400
#97B190
500
#739669
600
#5C7854
700
#496043
800
#394B35
900
#2C3829
950
#1C231A

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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