#533956

#533956

Color Values

HEX

#533956

RGB

83, 57, 86

HSL

293.8, 20.3%, 28.0%

HSV

293.8, 33.7%, 33.7%

CMYK

3.5%, 33.7%, 0.0%, 66.3%

OKLCH

0.3857 0.0585 323.1

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#533956

#3C5639

Analogous

#443956

#56394A

#533956

Triadic

#533956

#565339

#395653

Split Complementary

#533956

#4A5639

#395644

Tetradic

#533956

#564439

#3C5639

#394A56

Color Blindness Simulation

Original

#533956

Protanopia

#48484F

Deuteranopia

#494B4D

Tritanopia

#524948

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#F0EAF0
200
#E1D4E3
300
#CCB5CE
400
#B08DB4
500
#946699
600
#76517B
700
#5F4162
800
#4A334D
900
#372839
950
#231924

Contrast Checker

Text on white

10.06:1

AA Pass AAA Pass

Text on black

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