#5778EB

#5778EB

Color Values

HEX

#5778EB

RGB

87, 120, 235

HSL

226,6, 78,7%, 63,1%

HSV

226,6, 63,0%, 92,2%

CMYK

63,0%, 48,9%, 0,0%, 7,8%

OKLCH

0,6073 0,177 268,6

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#5778EB

#EBCA57

Analogous

#57C2EB

#8057EB

#5778EB

Triadic

#5778EB

#EB5778

#78EB57

Split Complementary

#5778EB

#EB8057

#C2EB57

Tetradic

#5778EB

#EB57C2

#EBCA57

#57EB80

Color Blindness Simulation

Original

#5778EB

Protanopia

#6566CF

Deuteranopia

#6361C8

Tritanopia

#59B9B4

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F2F5FC
100
#E1E7F9
200
#BFCCF7
300
#92A7F2
400
#5678EB
500
#1B48E4
600
#163AB6
700
#112E92
800
#0E2472
900
#0E1D53
950
#091334

Contrast Checker

Text on white

3,97:1

AA Fail AAA Fail

Text on black

5,29:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026