#524450

#524450

Color Values

HEX

#524450

RGB

82, 68, 80

HSL

308.6, 9.3%, 29.4%

HSV

308.6, 17.1%, 32.2%

CMYK

0.0%, 17.1%, 2.4%, 67.8%

OKLCH

0.4055 0.027 330.8

Properties

Warm Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#524450

#445246

Analogous

#4D4452

#524449

#524450

Triadic

#524450

#505244

#445052

Split Complementary

#524450

#495244

#44524D

Tetradic

#524450

#524D44

#445246

#444952

Color Blindness Simulation

Original

#524450

Protanopia

#4C4C4D

Deuteranopia

#4D4E4C

Tritanopia

#514B4A

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFECEE
200
#DFD8DE
300
#C7BCC6
400
#A998A7
500
#8B7488
600
#6F5D6D
700
#594A57
800
#463A44
900
#352C33
950
#211C20

Contrast Checker

Text on white

9.12:1

AA Pass AAA Pass

Text on black

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