#5669EB

#5669EB

Color Values

HEX

#5669EB

RGB

86, 105, 235

HSL

232,3, 78,8%, 62,9%

HSV

232,3, 63,4%, 92,2%

CMYK

63,4%, 55,3%, 0,0%, 7,8%

OKLCH

0,5781 0,1956 272,5

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#5669EB

#EBD856

Analogous

#56B4EB

#8D56EB

#5669EB

Triadic

#5669EB

#EB5669

#69EB56

Split Complementary

#5669EB

#EB8D56

#B4EB56

Tetradic

#5669EB

#EB56B4

#EBD856

#56EB8D

Color Blindness Simulation

Original

#5669EB

Protanopia

#5E5ECC

Deuteranopia

#5D5CC4

Tritanopia

#57B3AD

Achromatopsia

#6E6E6E

CSS Usage

background-color: #5669EB;
color: #5669EB;
border-color: #5669EB;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F4FC
100
#E1E4F9
200
#BFC6F7
300
#929EF2
400
#5669EB
500
#1B35E4
600
#162AB6
700
#112292
800
#0E1A72
900
#0E1753
950
#090E34

Contrast Checker

Text on white

4,55:1

AA Pass AAA Fail

Text on black

4,62:1

AA Pass 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