#5652E7

#5652E7

Color Values

HEX

#5652E7

RGB

86, 82, 231

HSL

241.6, 75.6%, 61.4%

HSV

241.6, 64.5%, 90.6%

CMYK

62.8%, 64.5%, 0.0%, 9.4%

OKLCH

0.5353 0.2179 277.3

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#5652E7

#E3E752

Analogous

#5299E7

#A152E7

#5652E7

Triadic

#5652E7

#E75652

#52E756

Split Complementary

#5652E7

#E7A152

#99E752

Tetradic

#5652E7

#E75299

#E3E752

#52E7A1

Color Blindness Simulation

Original

#5652E7

Protanopia

#5454C3

Deuteranopia

#5455BA

Tritanopia

#56A6A0

Achromatopsia

#5E5E5E

CSS Usage

background-color: #5652E7;
color: #5652E7;
border-color: #5652E7;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F2FC
100
#E2E2F9
200
#C2C0F6
300
#9694F0
400
#5D59E8
500
#241FE0
600
#1D19B3
700
#17148F
800
#121070
900
#110F51
950
#0B0A33

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

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