#5490EC

#5490EC

Color Values

HEX

#5490EC

RGB

84, 144, 236

HSL

216.3, 80.0%, 62.7%

HSV

216.3, 64.4%, 92.5%

CMYK

64.4%, 39.0%, 0.0%, 7.5%

OKLCH

0.6559 0.1515 258.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5490EC

#ECB054

Analogous

#54DCEC

#6454EC

#5490EC

Triadic

#5490EC

#EC5490

#90EC54

Split Complementary

#5490EC

#EC6454

#DCEC54

Tetradic

#5490EC

#EC54DC

#ECB054

#54EC64

Color Blindness Simulation

Original

#5490EC

Protanopia

#6E6FD6

Deuteranopia

#6A66D0

Tritanopia

#57C4C0

Achromatopsia

#8A8A8A

CSS Usage

background-color: #5490EC;
color: #5490EC;
border-color: #5490EC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F6FD
100
#E1EBF9
200
#BFD5F8
300
#91B8F3
400
#5591EC
500
#196AE6
600
#1455B8
700
#104493
800
#0D3573
900
#0E2953
950
#091A35

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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026