#948778

#948778

Color Values

HEX

#948778

RGB

148, 135, 120

HSL

32.1, 11.6%, 52.5%

HSV

32.1, 18.9%, 58.0%

CMYK

0.0%, 8.8%, 18.9%, 42.0%

OKLCH

0.6307 0.0269 71.3

Properties

Warm Light Nearest: RAL 7048 Pearl Mouse Grey

Color Harmonies

Complementary

#948778

#788594

Analogous

#947978

#939478

#948778

Triadic

#948778

#789487

#877894

Split Complementary

#948778

#789394

#797894

Tetradic

#948778

#789479

#788594

#947893

Color Blindness Simulation

Original

#948778

Protanopia

#8E8E7C

Deuteranopia

#8F907C

Tritanopia

#937E7F

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEB
200
#DFDCD7
300
#C9C2BB
400
#ACA196
500
#8E8171
600
#72675A
700
#5B5248
800
#474038
900
#36312B
950
#221F1B

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

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