#948D84

#948D84

Color Values

HEX

#948D84

RGB

148, 141, 132

HSL

33.7, 7.0%, 54.9%

HSV

33.7, 10.8%, 58.0%

CMYK

0.0%, 4.7%, 10.8%, 42.0%

OKLCH

0.6468 0.0156 74.4

Properties

Warm Light Nearest: Gray

Color Harmonies

Complementary

#948D84

#848B94

Analogous

#948584

#939484

#948D84

Triadic

#948D84

#84948D

#8D8494

Split Complementary

#948D84

#849394

#858494

Tetradic

#948D84

#849485

#848B94

#948493

Color Blindness Simulation

Original

#948D84

Protanopia

#919186

Deuteranopia

#919287

Tritanopia

#948888

Achromatopsia

#8E8E8E

CSS Usage

background-color: #948D84;
color: #948D84;
border-color: #948D84;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDCD9
300
#C6C2BE
400
#A7A19A
500
#888177
600
#6D675F
700
#57524C
800
#44403B
900
#34312D
950
#211F1D

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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