#5299F0

#5299F0

Color Values

HEX

#5299F0

RGB

82, 153, 240

HSL

213.0, 84.0%, 63.1%

HSV

213.0, 65.8%, 94.1%

CMYK

65.8%, 36.2%, 0.0%, 5.9%

OKLCH

0.6766 0.148 254.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5299F0

#F0A952

Analogous

#52E8F0

#5A52F0

#5299F0

Triadic

#5299F0

#F05299

#99F052

Split Complementary

#5299F0

#F05A52

#E8F052

Tetradic

#5299F0

#F052E8

#F0A952

#52F05A

Color Blindness Simulation

Original

#5299F0

Protanopia

#7171DB

Deuteranopia

#6D67D6

Tritanopia

#56CAC7

Achromatopsia

#909090

CSS Usage

background-color: #5299F0;
color: #5299F0;
border-color: #5299F0;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BDD8F9
300
#8EBDF5
400
#5199F0
500
#1475EB
600
#105DBC
700
#0D4B96
800
#0A3A75
900
#0C2D55
950
#071C36

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.17:1

AA Pass AAA Pass

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