#5472EE

#5472EE

Color Values

HEX

#5472EE

RGB

84, 114, 238

HSL

228.3, 81.9%, 63.1%

HSV

228.3, 64.7%, 93.3%

CMYK

64.7%, 52.1%, 0.0%, 6.7%

OKLCH

0.5961 0.1892 269.6

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#5472EE

#EED054

Analogous

#54BFEE

#8354EE

#5472EE

Triadic

#5472EE

#EE5472

#72EE54

Split Complementary

#5472EE

#EE8354

#BFEE54

Tetradic

#5472EE

#EE54BF

#EED054

#54EE83

Color Blindness Simulation

Original

#5472EE

Protanopia

#6161D0

Deuteranopia

#5F5DC9

Tritanopia

#56B8B3

Achromatopsia

#757575

CSS Usage

background-color: #5472EE;
color: #5472EE;
border-color: #5472EE;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F4FD
100
#E1E6FA
200
#BEC9F9
300
#90A3F4
400
#5372EE
500
#1740E8
600
#1233BA
700
#0F2994
800
#0C2074
900
#0D1B54
950
#081135

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

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