#508CF1

#508CF1

Color Values

HEX

#508CF1

RGB

80, 140, 241

HSL

217.6, 85.2%, 62.9%

HSV

217.6, 66.8%, 94.5%

CMYK

66.8%, 41.9%, 0.0%, 5.5%

OKLCH

0.6486 0.1638 260.2

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#508CF1

#F1B550

Analogous

#50DDF1

#6450F1

#508CF1

Triadic

#508CF1

#F1508C

#8CF150

Split Complementary

#508CF1

#F16450

#DDF150

Tetradic

#508CF1

#F150DD

#F1B550

#50F164

Color Blindness Simulation

Original

#508CF1

Protanopia

#6A6BD9

Deuteranopia

#6662D3

Tritanopia

#53C5C1

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BDD4FA
300
#8EB5F6
400
#508CF1
500
#1364EC
600
#0F50BD
700
#0C4097
800
#093276
900
#0B2756
950
#071936

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

6.36:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026