#5286F0

#5286F0

Color Values

HEX

#5286F0

RGB

82, 134, 240

HSL

220.3, 84.0%, 63.1%

HSV

220.3, 65.8%, 94.1%

CMYK

65.8%, 44.2%, 0.0%, 5.9%

OKLCH

0.6364 0.1686 262.9

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#5286F0

#F0BC52

Analogous

#52D5F0

#6D52F0

#5286F0

Triadic

#5286F0

#F05286

#86F052

Split Complementary

#5286F0

#F06D52

#D5F052

Tetradic

#5286F0

#F052D5

#F0BC52

#52F06D

Color Blindness Simulation

Original

#5286F0

Protanopia

#6969D6

Deuteranopia

#6662D0

Tritanopia

#55C2BE

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E0E9FA
200
#BDD1F9
300
#8EB0F5
400
#5185F0
500
#145BEB
600
#1049BC
700
#0D3A96
800
#0A2D75
900
#0C2455
950
#071736

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

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