#948883

#948883

Color Values

HEX

#948883

RGB

148, 136, 131

HSL

17.6, 7.4%, 54.7%

HSV

17.6, 11.5%, 58.0%

CMYK

0.0%, 8.1%, 11.5%, 42.0%

OKLCH

0.6359 0.0163 44.1

Properties

Warm Light Nearest: seashell 4

Color Harmonies

Complementary

#948883

#838F94

Analogous

#948386

#949083

#948883

Triadic

#948883

#839488

#888394

Split Complementary

#948883

#839490

#838694

Tetradic

#948883

#869483

#838F94

#908394

Color Blindness Simulation

Original

#948883

Protanopia

#8F8F84

Deuteranopia

#909084

Tritanopia

#938585

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDAD9
300
#C6C0BD
400
#A89E9A
500
#897C76
600
#6E635E
700
#584F4C
800
#443E3B
900
#342F2D
950
#211E1D

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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