#948076

#948076

Color Values

HEX

#948076

RGB

148, 128, 118

HSL

20.0, 12.3%, 52.2%

HSV

20.0, 20.3%, 58.0%

CMYK

0.0%, 13.5%, 20.3%, 42.0%

OKLCH

0.6153 0.0288 48.2

Properties

Warm Light Nearest: RAL 7048 Pearl Mouse Grey

Color Harmonies

Complementary

#948076

#768A94

Analogous

#94767B

#948F76

#948076

Triadic

#948076

#769480

#807694

Split Complementary

#948076

#76948F

#767B94

Tetradic

#948076

#7B9476

#768A94

#8F7694

Color Blindness Simulation

Original

#948076

Protanopia

#8B8B78

Deuteranopia

#8C8E79

Tritanopia

#937A7B

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEB
200
#E0DAD7
300
#C9BFBA
400
#AC9D95
500
#8F7A70
600
#736259
700
#5C4E48
800
#483D38
900
#362F2B
950
#221D1B

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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