#508EF1

#508EF1

Color Values

HEX

#508EF1

RGB

80, 142, 241

HSL

216.9, 85.2%, 62.9%

HSV

216.9, 66.8%, 94.5%

CMYK

66.8%, 41.1%, 0.0%, 5.5%

OKLCH

0.6529 0.1616 259.4

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#508EF1

#F1B350

Analogous

#50DEF1

#6250F1

#508EF1

Triadic

#508EF1

#F1508E

#8EF150

Split Complementary

#508EF1

#F16250

#DEF150

Tetradic

#508EF1

#F150DE

#F1B350

#50F162

Color Blindness Simulation

Original

#508EF1

Protanopia

#6B6BD9

Deuteranopia

#6763D3

Tritanopia

#53C6C2

Achromatopsia

#888888

CSS Usage

background-color: #508EF1;
color: #508EF1;
border-color: #508EF1;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BDD4FA
300
#8EB6F6
400
#508EF1
500
#1367EC
600
#0F52BD
700
#0C4297
800
#093376
900
#0B2856
950
#071936

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

6.48:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026