#8F9687

#8F9687

Color Values

HEX

#8F9687

RGB

143, 150, 135

HSL

88.0, 6.7%, 55.9%

HSV

88.0, 10.0%, 58.8%

CMYK

4.7%, 0.0%, 10.0%, 41.2%

OKLCH

0.663 0.0232 127.5

Properties

Cool Light Nearest: RAL 7042 Traffic Grey A

Color Harmonies

Complementary

#8F9687

#8E8796

Analogous

#969687

#889687

#8F9687

Triadic

#8F9687

#878F96

#96878F

Split Complementary

#8F9687

#878896

#968796

Tetradic

#8F9687

#879696

#8E8796

#968788

Color Blindness Simulation

Original

#8F9687

Protanopia

#92928B

Deuteranopia

#92918C

Tritanopia

#8F8D8E

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEEEC
200
#DBDED9
300
#C2C6BE
400
#A1A79A
500
#808877
600
#666D5F
700
#52574C
800
#40443B
900
#31332E
950
#1F201D

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

6.88:1

AA Pass AAA Fail

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