#948D71

#948D71

Color Values

HEX

#948D71

RGB

148, 141, 113

HSL

48.0, 14.1%, 51.2%

HSV

48.0, 23.6%, 58.0%

CMYK

0.0%, 4.7%, 23.6%, 42.0%

OKLCH

0.6419 0.0408 95.6

Properties

Warm Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#948D71

#717894

Analogous

#947C71

#8A9471

#948D71

Triadic

#948D71

#71948D

#8D7194

Split Complementary

#948D71

#718A94

#7C7194

Tetradic

#948D71

#71947C

#717894

#94718A

Color Blindness Simulation

Original

#948D71

Protanopia

#919178

Deuteranopia

#919279

Tritanopia

#947D7E

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEEEB
200
#E0DED6
300
#CAC7B9
400
#AEA993
500
#918A6E
600
#746F58
700
#5D5946
800
#494537
900
#37342A
950
#22211B

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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