#5083F1

#5083F1

Color Values

HEX

#5083F1

RGB

80, 131, 241

HSL

221.0, 85.2%, 62.9%

HSV

221.0, 66.8%, 94.5%

CMYK

66.8%, 45.6%, 0.0%, 5.5%

OKLCH

0.63 0.174 263.5

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#5083F1

#F1BE50

Analogous

#50D3F1

#6D50F1

#5083F1

Triadic

#5083F1

#F15083

#83F150

Split Complementary

#5083F1

#F16D50

#D3F150

Tetradic

#5083F1

#F150D3

#F1BE50

#50F16D

Color Blindness Simulation

Original

#5083F1

Protanopia

#6667D6

Deuteranopia

#635FD0

Tritanopia

#53C1BD

Achromatopsia

#808080

CSS Usage

background-color: #5083F1;
color: #5083F1;
border-color: #5083F1;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F5FD
100
#E0E8FA
200
#BDD0FA
300
#8EAFF6
400
#5083F1
500
#1358EC
600
#0F46BD
700
#0C3897
800
#092C76
900
#0B2356
950
#071636

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

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