#532196

#532196

Color Values

HEX

#532196

RGB

83, 33, 150

HSL

265.6, 63.9%, 35.9%

HSV

265.6, 78.0%, 58.8%

CMYK

44.7%, 78.0%, 0.0%, 41.2%

OKLCH

0.3929 0.1759 296.8

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#532196

#649621

Analogous

#212A96

#8D2196

#532196

Triadic

#532196

#965321

#219653

Split Complementary

#532196

#968D21

#2A9621

Tetradic

#532196

#96212A

#649621

#21968D

Color Blindness Simulation

Original

#532196

Protanopia

#3D3D7A

Deuteranopia

#404473

Tritanopia

#50635E

Achromatopsia

#343434

CSS Usage

background-color: #532196;
color: #532196;
border-color: #532196;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F7F3FC
100
#ECE3F7
200
#D8C4F2
300
#BC9BE9
400
#9864DD
500
#742ED1
600
#5C25A7
700
#4A1D86
800
#3A1768
900
#2C154C
950
#1C0D30

Contrast Checker

Text on white

10.37:1

AA Pass AAA Pass

Text on black

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