#5380EF

#5380EF

Color Values

HEX

#5380EF

RGB

83, 128, 239

HSL

222.7, 83.0%, 63.1%

HSV

222.7, 65.3%, 93.7%

CMYK

65.3%, 46.4%, 0.0%, 6.3%

OKLCH

0.624 0.1739 265.1

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#5380EF

#EFC253

Analogous

#53CEEF

#7453EF

#5380EF

Triadic

#5380EF

#EF5380

#80EF53

Split Complementary

#5380EF

#EF7453

#CEEF53

Tetradic

#5380EF

#EF53CE

#EFC253

#53EF74

Color Blindness Simulation

Original

#5380EF

Protanopia

#6667D4

Deuteranopia

#6460CE

Tritanopia

#55BFBA

Achromatopsia

#7E7E7E

CSS Usage

background-color: #5380EF;
color: #5380EF;
border-color: #5380EF;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F5FD
100
#E1E8FA
200
#BECFF9
300
#8FACF5
400
#527FEF
500
#1653E9
600
#1142BB
700
#0E3595
800
#0B2975
900
#0C2155
950
#081535

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

5.7:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026