#948554

#948554

Color Values

HEX

#948554

RGB

148, 133, 84

HSL

45.9, 27.6%, 45.5%

HSV

45.9, 43.2%, 58.0%

CMYK

0.0%, 10.1%, 43.2%, 42.0%

OKLCH

0.6185 0.0696 93.0

Properties

Warm Light Nearest: lightgoldenrod 4

Color Harmonies

Complementary

#948554

#546394

Analogous

#946554

#839454

#948554

Triadic

#948554

#549485

#855494

Split Complementary

#948554

#548394

#655494

Tetradic

#948554

#549465

#546394

#945483

Color Blindness Simulation

Original

#948554

Protanopia

#8E8D60

Deuteranopia

#8E9063

Tritanopia

#93696B

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EFE9
200
#E5E1D1
300
#D3CBB1
400
#BBAE87
500
#A3925C
600
#82754A
700
#685E3B
800
#51492E
900
#3C3724
950
#262317

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

5.74:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026