#5652B0

#5652B0

Color Values

HEX

#5652B0

RGB

86, 82, 176

HSL

242.6, 37.3%, 50.6%

HSV

242.6, 53.4%, 69.0%

CMYK

51.1%, 53.4%, 0.0%, 31.0%

OKLCH

0.4924 0.1452 281.6

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#5652B0

#ACB052

Analogous

#527DB0

#8552B0

#5652B0

Triadic

#5652B0

#B05652

#52B056

Split Complementary

#5652B0

#B08552

#7DB052

Tetradic

#5652B0

#B0527D

#ACB052

#52B085

Color Blindness Simulation

Original

#5652B0

Protanopia

#545499

Deuteranopia

#545594

Tritanopia

#568783

Achromatopsia

#5A5A5A

CSS Usage

background-color: #5652B0;
color: #5652B0;
border-color: #5652B0;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CFCEE9
300
#ADABD9
400
#817DC4
500
#5450AF
600
#43408C
700
#363370
800
#2A2858
900
#222041
950
#151429

Contrast Checker

Text on white

6.5:1

AA Pass AAA Fail

Text on black

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