#949167

#949167

Color Values

HEX

#949167

RGB

148, 145, 103

HSL

56.0, 17.9%, 49.2%

HSV

56.0, 30.4%, 58.0%

CMYK

0.0%, 2.0%, 30.4%, 42.0%

OKLCH

0.6485 0.0588 104.5

Properties

Warm Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#949167

#676A94

Analogous

#947A67

#809467

#949167

Triadic

#949167

#679491

#916794

Split Complementary

#949167

#678094

#7A6794

Tetradic

#949167

#67947A

#676A94

#946780

Color Blindness Simulation

Original

#949167

Protanopia

#939371

Deuteranopia

#939374

Tritanopia

#94797B

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0F0EA
200
#E2E1D5
300
#CDCBB7
400
#B2AF90
500
#969369
600
#787654
700
#605E43
800
#4B4A34
900
#383729
950
#24231A

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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