#948166

#948166

Color Values

HEX

#948166

RGB

148, 129, 102

HSL

35.2, 18.4%, 49.0%

HSV

35.2, 31.1%, 58.0%

CMYK

0.0%, 12.8%, 31.1%, 42.0%

OKLCH

0.6135 0.0452 76.4

Properties

Warm Light Nearest: navajowhite 4

Color Harmonies

Complementary

#948166

#667994

Analogous

#946A66

#909466

#948166

Triadic

#948166

#669481

#816694

Split Complementary

#948166

#669094

#6A6694

Tetradic

#948166

#66946A

#667994

#946690

Color Blindness Simulation

Original

#948166

Protanopia

#8C8C6D

Deuteranopia

#8D8E6E

Tritanopia

#937273

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EEEA
200
#E2DCD5
300
#CDC4B7
400
#B2A48F
500
#978468
600
#796953
700
#615443
800
#4B4234
900
#383228
950
#241F1A

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

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