#5095F2

#5095F2

Color Values

HEX

#5095F2

RGB

80, 149, 242

HSL

214.4, 86.2%, 63.1%

HSV

214.4, 66.9%, 94.9%

CMYK

66.9%, 38.4%, 0.0%, 5.1%

OKLCH

0.6683 0.1554 256.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5095F2

#F2AD50

Analogous

#50E6F2

#5C50F2

#5095F2

Triadic

#5095F2

#F25095

#95F250

Split Complementary

#5095F2

#F25C50

#E6F250

Tetradic

#5095F2

#F250E6

#F2AD50

#50F25C

Color Blindness Simulation

Original

#5095F2

Protanopia

#6E6EDC

Deuteranopia

#6A65D6

Tritanopia

#53CAC6

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EBFA
200
#BDD7FA
300
#8DBAF7
400
#4F95F2
500
#126FED
600
#0E59BE
700
#0B4798
800
#093877
900
#0B2B56
950
#071B36

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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