#5290EE

#5290EE

Color Values

HEX

#5290EE

RGB

82, 144, 238

HSL

216.2, 82.1%, 62.7%

HSV

216.2, 65.5%, 93.3%

CMYK

65.5%, 39.5%, 0.0%, 6.7%

OKLCH

0.6562 0.1548 258.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5290EE

#EEB052

Analogous

#52DEEE

#6252EE

#5290EE

Triadic

#5290EE

#EE5290

#90EE52

Split Complementary

#5290EE

#EE6252

#DEEE52

Tetradic

#5290EE

#EE52DE

#EEB052

#52EE62

Color Blindness Simulation

Original

#5290EE

Protanopia

#6D6DD7

Deuteranopia

#6965D2

Tritanopia

#55C5C1

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E1EBFA
200
#BED5F9
300
#90B7F4
400
#5391EE
500
#176AE8
600
#1255BA
700
#0F4495
800
#0B3574
900
#0D2954
950
#081A35

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

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