#533F66

#533F66

Color Values

HEX

#533F66

RGB

83, 63, 102

HSL

270.8, 23.6%, 32.4%

HSV

270.8, 38.2%, 40.0%

CMYK

18.6%, 38.2%, 0.0%, 60.0%

OKLCH

0.4059 0.0681 307.1

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#533F66

#52663F

Analogous

#403F66

#663F66

#533F66

Triadic

#533F66

#66533F

#3F6653

Split Complementary

#533F66

#66663F

#3F6640

Tetradic

#533F66

#66403F

#52663F

#3F6666

Color Blindness Simulation

Original

#533F66

Protanopia

#4A4A5D

Deuteranopia

#4C4D5A

Tritanopia

#525553

Achromatopsia

#464646

CSS Usage

background-color: #533F66;
color: #533F66;
border-color: #533F66;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F7F6F9
100
#EDEAF1
200
#DCD3E4
300
#C2B3D0
400
#A18AB7
500
#80619E
600
#674E7E
700
#523E65
800
#40314F
900
#31263B
950
#1F1825

Contrast Checker

Text on white

9.25:1

AA Pass AAA Pass

Text on black

2.27:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026