#5285F0

#5285F0

Color Values

HEX

#5285F0

RGB

82, 133, 240

HSL

220.6, 84.0%, 63.1%

HSV

220.6, 65.8%, 94.1%

CMYK

65.8%, 44.6%, 0.0%, 5.9%

OKLCH

0.6343 0.1697 263.2

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#5285F0

#F0BD52

Analogous

#52D4F0

#6E52F0

#5285F0

Triadic

#5285F0

#F05285

#85F052

Split Complementary

#5285F0

#F06E52

#D4F052

Tetradic

#5285F0

#F052D4

#F0BD52

#52F06E

Color Blindness Simulation

Original

#5285F0

Protanopia

#6869D6

Deuteranopia

#6561D0

Tritanopia

#55C2BD

Achromatopsia

#828282

CSS Usage

background-color: #5285F0;
color: #5285F0;
border-color: #5285F0;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F5FD
100
#E0E9FA
200
#BDD1F9
300
#8EB0F5
400
#5185F0
500
#145AEB
600
#1048BC
700
#0D3996
800
#0A2D75
900
#0C2455
950
#071636

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

5.97:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026