#948787

#948787

Color Values

HEX

#948787

RGB

148, 135, 135

HSL

0.0, 5.7%, 55.5%

HSV

0.0, 8.8%, 58.0%

CMYK

0.0%, 8.8%, 8.8%, 42.0%

OKLCH

0.6349 0.0157 17.6

Properties

Warm Light Nearest: lavenderblush 4

Color Harmonies

Complementary

#948787

#879494

Analogous

#94878E

#948E87

#948787

Triadic

#948787

#879487

#878794

Split Complementary

#948787

#87948E

#878E94

Tetradic

#948787

#8E9487

#879494

#8E8794

Color Blindness Simulation

Original

#948787

Protanopia

#8E8E87

Deuteranopia

#8F9087

Tritanopia

#938787

Achromatopsia

#8A8A8A

CSS Usage

background-color: #948787;
color: #948787;
border-color: #948787;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F7F7
100
#EEECEC
200
#DDD9D9
300
#C5BEBE
400
#A69B9B
500
#877878
600
#6C6060
700
#564D4D
800
#433C3C
900
#332E2E
950
#201D1D

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

6.07:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026