#7C846D

#7C846D

Color Values

HEX

#7C846D

RGB

124, 132, 109

HSL

80.9, 9.5%, 47.3%

HSV

80.9, 17.4%, 51.8%

CMYK

6.1%, 0.0%, 17.4%, 48.2%

OKLCH

0.6 0.0351 123.1

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#7C846D

#756D84

Analogous

#84816D

#71846D

#7C846D

Triadic

#7C846D

#6D7C84

#846D7C

Split Complementary

#7C846D

#6D7184

#816D84

Tetradic

#7C846D

#6D8481

#756D84

#846D71

Color Blindness Simulation

Original

#7C846D

Protanopia

#7F8073

Deuteranopia

#7F7E74

Tritanopia

#7C7778

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEFEC
200
#DCDFD8
300
#C4C8BC
400
#A3AA98
500
#838C73
600
#69705C
700
#54594A
800
#42463A
900
#32352C
950
#1F211C

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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