#524347

#524347

Color Values

HEX

#524347

RGB

82, 67, 71

HSL

344.0, 10.1%, 29.2%

HSV

344.0, 18.3%, 32.2%

CMYK

0.0%, 18.3%, 13.4%, 67.8%

OKLCH

0.3999 0.0215 0.3

Properties

Warm Dark Nearest: RAL 8019 Grey Brown

Color Harmonies

Complementary

#524347

#43524E

Analogous

#52434E

#524643

#524347

Triadic

#524347

#475243

#434752

Split Complementary

#524347

#435246

#434E52

Tetradic

#524347

#4E5243

#43524E

#464352

Color Blindness Simulation

Original

#524347

Protanopia

#4C4B46

Deuteranopia

#4C4E46

Tritanopia

#514545

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD8DA
300
#C8BCBF
400
#AA979C
500
#8C7379
600
#705C61
700
#5A494E
800
#46393D
900
#352C2E
950
#211C1D

Contrast Checker

Text on white

9.32:1

AA Pass AAA Pass

Text on black

2.25:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026