#948F89

#948F89

Color Values

HEX

#948F89

RGB

148, 143, 137

HSL

32.7, 4.9%, 55.9%

HSV

32.7, 7.4%, 58.0%

CMYK

0.0%, 3.4%, 7.4%, 42.0%

OKLCH

0.6525 0.0106 72.6

Properties

Warm Light Nearest: Gray

Color Harmonies

Complementary

#948F89

#898E94

Analogous

#948A89

#949489

#948F89

Triadic

#948F89

#89948F

#8F8994

Split Complementary

#948F89

#899494

#8A8994

Tetradic

#948F89

#89948A

#898E94

#948994

Color Blindness Simulation

Original

#948F89

Protanopia

#92928A

Deuteranopia

#92928B

Tritanopia

#948C8C

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DDDBDA
300
#C5C2BF
400
#A5A19C
500
#868079
600
#6B6661
700
#56524E
800
#43403D
900
#33312E
950
#201F1D

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

6.55:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026