#947C85

#947C85

Color Values

HEX

#947C85

RGB

148, 124, 133

HSL

337.5, 10.1%, 53.3%

HSV

337.5, 16.2%, 58.0%

CMYK

0.0%, 16.2%, 10.1%, 42.0%

OKLCH

0.6115 0.0322 353.5

Properties

Warm Light Nearest: thistle 4

Color Harmonies

Complementary

#947C85

#7C948B

Analogous

#947C91

#947F7C

#947C85

Triadic

#947C85

#85947C

#7C8594

Split Complementary

#947C85

#7C947F

#7C9194

Tetradic

#947C85

#91947C

#7C948B

#7F7C94

Color Blindness Simulation

Original

#947C85

Protanopia

#8A8983

Deuteranopia

#8B8D82

Tritanopia

#938181

Achromatopsia

#828282

CSS Usage

background-color: #947C85;
color: #947C85;
border-color: #947C85;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F7
100
#EFECED
200
#DFD8DA
300
#C8BCC0
400
#AA979E
500
#8C737C
600
#705C63
700
#5A4950
800
#46393E
900
#352C2F
950
#211C1E

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

5.48:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026