#524448

#524448

Color Values

HEX

#524448

RGB

82, 68, 72

HSL

342.9, 9.3%, 29.4%

HSV

342.9, 17.1%, 32.2%

CMYK

0.0%, 17.1%, 12.2%, 67.8%

OKLCH

0.4025 0.0201 359.0

Properties

Warm Dark Nearest: RAL 8019 Grey Brown

Color Harmonies

Complementary

#524448

#44524E

Analogous

#52444F

#524744

#524448

Triadic

#524448

#485244

#444852

Split Complementary

#524448

#445247

#444F52

Tetradic

#524448

#4F5244

#44524E

#474452

Color Blindness Simulation

Original

#524448

Protanopia

#4C4C47

Deuteranopia

#4D4E47

Tritanopia

#514646

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECED
200
#DFD8DA
300
#C7BCBF
400
#A9989D
500
#8B747A
600
#6F5D62
700
#594A4E
800
#463A3D
900
#352C2F
950
#211C1D

Contrast Checker

Text on white

9.21:1

AA Pass AAA Pass

Text on black

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