#5097F2

#5097F2

Color Values

HEX

#5097F2

RGB

80, 151, 242

HSL

213.7, 86.2%, 63.1%

HSV

213.7, 66.9%, 94.9%

CMYK

66.9%, 37.6%, 0.0%, 5.1%

OKLCH

0.6726 0.1533 255.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5097F2

#F2AB50

Analogous

#50E8F2

#5A50F2

#5097F2

Triadic

#5097F2

#F25097

#97F250

Split Complementary

#5097F2

#F25A50

#E8F250

Tetradic

#5097F2

#F250E8

#F2AB50

#50F25A

Color Blindness Simulation

Original

#5097F2

Protanopia

#6F6FDC

Deuteranopia

#6B65D7

Tritanopia

#54CBC7

Achromatopsia

#8E8E8E

CSS Usage

background-color: #5097F2;
color: #5097F2;
border-color: #5097F2;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BDD8FA
300
#8DBBF7
400
#4F97F2
500
#1272ED
600
#0E5BBE
700
#0B4998
800
#093977
900
#0B2C56
950
#071C36

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

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