#948866

#948866

Color Values

HEX

#948866

RGB

148, 136, 102

HSL

44.3, 18.4%, 49.0%

HSV

44.3, 31.1%, 58.0%

CMYK

0.0%, 8.1%, 31.1%, 42.0%

OKLCH

0.6285 0.0502 90.9

Properties

Warm Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#948866

#667294

Analogous

#947166

#899466

#948866

Triadic

#948866

#669488

#886694

Split Complementary

#948866

#668994

#716694

Tetradic

#948866

#669471

#667294

#946689

Color Blindness Simulation

Original

#948866

Protanopia

#8F8F6E

Deuteranopia

#909070

Tritanopia

#937576

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EEEA
200
#E2DED5
300
#CDC7B7
400
#B2A98F
500
#978B68
600
#796F53
700
#615943
800
#4B4534
900
#383428
950
#24211A

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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