#5D52B3

#5D52B3

Color Values

HEX

#5D52B3

RGB

93, 82, 179

HSL

246.8, 39.0%, 51.2%

HSV

246.8, 54.2%, 70.2%

CMYK

48.0%, 54.2%, 0.0%, 29.8%

OKLCH

0.5002 0.1485 284.8

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#5D52B3

#A8B352

Analogous

#5278B3

#8E52B3

#5D52B3

Triadic

#5D52B3

#B35D52

#52B35D

Split Complementary

#5D52B3

#B38E52

#78B352

Tetradic

#5D52B3

#B35278

#A8B352

#52B38E

Color Blindness Simulation

Original

#5D52B3

Protanopia

#58589C

Deuteranopia

#595A96

Tritanopia

#5C8985

Achromatopsia

#5B5B5B

CSS Usage

background-color: #5D52B3;
color: #5D52B3;
border-color: #5D52B3;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E9E7F3
200
#D1CDE9
300
#AFAADA
400
#847CC5
500
#594EB1
600
#473E8E
700
#393271
800
#2D2759
900
#231F41
950
#161429

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

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