#523955

#523955

Color Values

HEX

#523955

RGB

82, 57, 85

HSL

293.6, 19.7%, 27.8%

HSV

293.6, 32.9%, 33.3%

CMYK

3.5%, 32.9%, 0.0%, 66.7%

OKLCH

0.384 0.0565 322.9

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#523955

#3C5539

Analogous

#443955

#55394A

#523955

Triadic

#523955

#555239

#395552

Split Complementary

#523955

#4A5539

#395544

Tetradic

#523955

#554439

#3C5539

#394A55

Color Blindness Simulation

Original

#523955

Protanopia

#47474E

Deuteranopia

#494A4D

Tritanopia

#514948

Achromatopsia

#404040

CSS Usage

background-color: #523955;
color: #523955;
border-color: #523955;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F8F6F9
100
#F0EAF0
200
#E1D4E2
300
#CBB6CE
400
#AF8EB3
500
#936699
600
#76527A
700
#5E4262
800
#4A334C
900
#372839
950
#231924

Contrast Checker

Text on white

10.12:1

AA Pass AAA Pass

Text on black

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