#524642

#524642

Color Values

HEX

#524642

RGB

82, 70, 66

HSL

15.0, 10.8%, 29.0%

HSV

15.0, 19.5%, 32.2%

CMYK

0.0%, 14.6%, 19.5%, 67.8%

OKLCH

0.4051 0.0177 39.3

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#524642

#424E52

Analogous

#524246

#524E42

#524642

Triadic

#524642

#425246

#464252

Split Complementary

#524642

#42524E

#424652

Tetradic

#524642

#465242

#424E52

#4E4252

Color Blindness Simulation

Original

#524642

Protanopia

#4D4D43

Deuteranopia

#4E4E43

Tritanopia

#514444

Achromatopsia

#484848

CSS Usage

background-color: #524642;
color: #524642;
border-color: #524642;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD9D7
300
#C8BEBB
400
#AB9C96
500
#8D7972
600
#71605B
700
#5A4D49
800
#473C39
900
#352E2C
950
#221D1C

Contrast Checker

Text on white

9.08:1

AA Pass AAA Pass

Text on black

2.31:1

AA Fail 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