#524348

#524348

Color Values

HEX

#524348

RGB

82, 67, 72

HSL

340.0, 10.1%, 29.2%

HSV

340.0, 18.3%, 32.2%

CMYK

0.0%, 18.3%, 12.2%, 67.8%

OKLCH

0.4002 0.022 356.1

Properties

Warm Dark Nearest: RAL 8019 Grey Brown

Color Harmonies

Complementary

#524348

#43524D

Analogous

#52434F

#524543

#524348

Triadic

#524348

#485243

#434852

Split Complementary

#524348

#435245

#434F52

Tetradic

#524348

#4F5243

#43524D

#454352

Color Blindness Simulation

Original

#524348

Protanopia

#4C4B47

Deuteranopia

#4C4E46

Tritanopia

#514646

Achromatopsia

#474747

CSS Usage

background-color: #524348;
color: #524348;
border-color: #524348;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

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

Contrast Checker

Text on white

9.31:1

AA Pass AAA Pass

Text on black

2.26:1

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