#565BA1

#565BA1

Color Values

HEX

#565BA1

RGB

86, 91, 161

HSL

236.0, 30.4%, 48.4%

HSV

236.0, 46.6%, 63.1%

CMYK

46.6%, 43.5%, 0.0%, 36.9%

OKLCH

0.5003 0.1106 278.5

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#565BA1

#A19C56

Analogous

#5680A1

#7656A1

#565BA1

Triadic

#565BA1

#A1565B

#5BA156

Split Complementary

#565BA1

#A17656

#80A156

Tetradic

#565BA1

#A15680

#A19C56

#56A176

Color Blindness Simulation

Original

#565BA1

Protanopia

#585890

Deuteranopia

#58588C

Tritanopia

#568380

Achromatopsia

#5F5F5F

CSS Usage

background-color: #565BA1;
color: #565BA1;
border-color: #565BA1;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F6F9
100
#E9E9F2
200
#D0D2E6
300
#AFB2D4
400
#8488BD
500
#595EA6
600
#474B85
700
#393C6A
800
#2C2F53
900
#23253E
950
#161727

Contrast Checker

Text on white

6.16:1

AA Pass AAA Fail

Text on black

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