#5D52B8

#5D52B8

Color Values

HEX

#5D52B8

RGB

93, 82, 184

HSL

246.5, 41.8%, 52.2%

HSV

246.5, 55.4%, 72.2%

CMYK

49.5%, 55.4%, 0.0%, 27.8%

OKLCH

0.5037 0.1554 284.2

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#5D52B8

#ADB852

Analogous

#527AB8

#9052B8

#5D52B8

Triadic

#5D52B8

#B85D52

#52B85D

Split Complementary

#5D52B8

#B89052

#7AB852

Tetradic

#5D52B8

#B8527A

#ADB852

#52B890

Color Blindness Simulation

Original

#5D52B8

Protanopia

#58589F

Deuteranopia

#595A99

Tritanopia

#5C8C88

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#D0CCEA
300
#AEA8DB
400
#8279C8
500
#564AB5
600
#453B91
700
#372F74
800
#2B255A
900
#221E43
950
#16132A

Contrast Checker

Text on white

6.24:1

AA Pass AAA Fail

Text on black

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