#948073

#948073

Color Values

HEX

#948073

RGB

148, 128, 115

HSL

23.6, 13.4%, 51.6%

HSV

23.6, 22.3%, 58.0%

CMYK

0.0%, 13.5%, 22.3%, 42.0%

OKLCH

0.6145 0.0312 55.0

Properties

Warm Light Nearest: bisque 4

Color Harmonies

Complementary

#948073

#738794

Analogous

#947377

#949173

#948073

Triadic

#948073

#739480

#807394

Split Complementary

#948073

#739491

#737794

Tetradic

#948073

#779473

#738794

#917394

Color Blindness Simulation

Original

#948073

Protanopia

#8B8B76

Deuteranopia

#8C8E77

Tritanopia

#937979

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E0DAD7
300
#CAC0BA
400
#AD9E94
500
#917C6E
600
#746358
700
#5D4F47
800
#483E37
900
#362F2B
950
#221E1B

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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