#946975

#946975

Color Values

HEX

#946975

RGB

148, 105, 117

HSL

343.3, 17.0%, 49.6%

HSV

343.3, 29.1%, 58.0%

CMYK

0.0%, 29.1%, 20.9%, 42.0%

OKLCH

0.5686 0.0574 0.8

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#946975

#699488

Analogous

#94698A

#947369

#946975

Triadic

#946975

#759469

#697594

Split Complementary

#946975

#699473

#698A94

Tetradic

#946975

#8A9469

#699488

#736994

Color Blindness Simulation

Original

#946975

Protanopia

#818172

Deuteranopia

#848771

Tritanopia

#92706F

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#F0EBEC
200
#E1D5D9
300
#CCB7BD
400
#B1919A
500
#956A76
600
#77555E
700
#5F444B
800
#4B353B
900
#38292D
950
#231A1D

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

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