#5191EE

#5191EE

Color Values

HEX

#5191EE

RGB

81, 145, 238

HSL

215.5, 82.2%, 62.5%

HSV

215.5, 66.0%, 93.3%

CMYK

66.0%, 39.1%, 0.0%, 6.7%

OKLCH

0.6579 0.1541 257.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5191EE

#EEAE51

Analogous

#51E0EE

#5F51EE

#5191EE

Triadic

#5191EE

#EE5191

#91EE51

Split Complementary

#5191EE

#EE5F51

#E0EE51

Tetradic

#5191EE

#EE51E0

#EEAE51

#51EE5F

Color Blindness Simulation

Original

#5191EE

Protanopia

#6D6DD8

Deuteranopia

#6964D2

Tritanopia

#54C6C2

Achromatopsia

#8A8A8A

CSS Usage

background-color: #5191EE;
color: #5191EE;
border-color: #5191EE;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F6FD
100
#E1EBFA
200
#BED6F9
300
#8FB9F4
400
#5392EE
500
#176CE8
600
#1257BA
700
#0F4595
800
#0B3674
900
#0D2A54
950
#081A35

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

6.63:1

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