#5650AF

#5650AF

Color Values

HEX

#5650AF

RGB

86, 80, 175

HSL

243.8, 37.3%, 50.0%

HSV

243.8, 54.3%, 68.6%

CMYK

50.9%, 54.3%, 0.0%, 31.4%

OKLCH

0.4879 0.1466 282.3

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#5650AF

#A9AF50

Analogous

#5079AF

#8650AF

#5650AF

Triadic

#5650AF

#AF5650

#50AF56

Split Complementary

#5650AF

#AF8650

#79AF50

Tetradic

#5650AF

#AF5079

#A9AF50

#50AF86

Color Blindness Simulation

Original

#5650AF

Protanopia

#535398

Deuteranopia

#545492

Tritanopia

#568682

Achromatopsia

#585858

CSS Usage

background-color: #5650AF;
color: #5650AF;
border-color: #5650AF;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#D0CEE9
300
#AEABD9
400
#827DC4
500
#5650AF
600
#45408C
700
#373370
800
#2B2858
900
#222041
950
#161429

Contrast Checker

Text on white

6.64:1

AA Pass AAA Fail

Text on black

3.16:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026