#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026