#5772EB

#5772EB

Color Values

HEX

#5772EB

RGB

87, 114, 235

HSL

229,1, 78,7%, 63,1%

HSV

229,1, 63,0%, 92,2%

CMYK

63,0%, 51,5%, 0,0%, 7,8%

OKLCH

0,5957 0,1843 270,4

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#5772EB

#EBD057

Analogous

#57BCEB

#8657EB

#5772EB

Triadic

#5772EB

#EB5772

#72EB57

Split Complementary

#5772EB

#EB8657

#BCEB57

Tetradic

#5772EB

#EB57BC

#EBD057

#57EB86

Color Blindness Simulation

Original

#5772EB

Protanopia

#6363CE

Deuteranopia

#615FC7

Tritanopia

#58B7B2

Achromatopsia

#757575

CSS Usage

background-color: #5772EB;
color: #5772EB;
border-color: #5772EB;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F4FC
100
#E1E6F9
200
#BFC9F7
300
#92A3F2
400
#5671EB
500
#1B40E4
600
#1633B6
700
#112992
800
#0E2072
900
#0E1B53
950
#091134

Contrast Checker

Text on white

4,19:1

AA Fail AAA Fail

Text on black

5,01: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