#523B50

#523B50

Color Values

HEX

#523B50

RGB

82, 59, 80

HSL

305.2, 16.3%, 27.6%

HSV

305.2, 28.0%, 32.2%

CMYK

0.0%, 28.0%, 2.4%, 67.8%

OKLCH

0.3859 0.0462 329.4

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#523B50

#3B523D

Analogous

#483B52

#523B44

#523B50

Triadic

#523B50

#50523B

#3B5052

Split Complementary

#523B50

#44523B

#3B5248

Tetradic

#523B50

#52483B

#3B523D

#3B4452

Color Blindness Simulation

Original

#523B50

Protanopia

#48484B

Deuteranopia

#494B4A

Tritanopia

#514746

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EBEF
200
#E1D5E0
300
#CCB8CA
400
#B091AD
500
#946B91
600
#775574
700
#5F445D
800
#4A3548
900
#382936
950
#231A22

Contrast Checker

Text on white

10.0:1

AA Pass AAA Pass

Text on black

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