#8BA98F

#8BA98F

Color Values

HEX

#8BA98F

RGB

139, 169, 143

HSL

128.0, 14.9%, 60.4%

HSV

128.0, 17.8%, 66.3%

CMYK

17.8%, 0.0%, 15.4%, 33.7%

OKLCH

0.7047 0.05 148.8

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#8BA98F

#A98BA5

Analogous

#96A98B

#8BA99E

#8BA98F

Triadic

#8BA98F

#8F8BA9

#A98F8B

Split Complementary

#8BA98F

#9E8BA9

#A98B96

Tetradic

#8BA98F

#8B96A9

#A98BA5

#A99E8B

Color Blindness Simulation

Original

#8BA98F

Protanopia

#989895

Deuteranopia

#969497

Tritanopia

#8C9A9B

Achromatopsia

#A1A1A1

CSS Usage

background-color: #8BA98F;
color: #8BA98F;
border-color: #8BA98F;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F6F8F7
100
#EBEFEB
200
#D6E1D7
300
#B9CBBB
400
#93AF96
500
#6D9272
600
#57755B
700
#455E49
800
#364939
900
#2A372C
950
#1A231C

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

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