#5072F2

#5072F2

Color Values

HEX

#5072F2

RGB

80, 114, 242

HSL

227.4, 86.2%, 63.1%

HSV

227.4, 66.9%, 94.9%

CMYK

66.9%, 52.9%, 0.0%, 5.1%

OKLCH

0.5969 0.1956 268.6

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#5072F2

#F2D050

Analogous

#50C3F2

#7F50F2

#5072F2

Triadic

#5072F2

#F25072

#72F250

Split Complementary

#5072F2

#F27F50

#C3F250

Tetradic

#5072F2

#F250C3

#F2D050

#50F27F

Color Blindness Simulation

Original

#5072F2

Protanopia

#5F5FD3

Deuteranopia

#5D5ACC

Tritanopia

#52BBB5

Achromatopsia

#747474

CSS Usage

background-color: #5072F2;
color: #5072F2;
border-color: #5072F2;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F4FD
100
#E0E6FA
200
#BDC9FA
300
#8DA3F7
400
#4F71F2
500
#1240ED
600
#0E33BE
700
#0B2998
800
#092077
900
#0B1B56
950
#071136

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

5.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