#508AF1

#508AF1

Color Values

HEX

#508AF1

RGB

80, 138, 241

HSL

218,4, 85,2%, 62,9%

HSV

218,4, 66,8%, 94,5%

CMYK

66,8%, 42,7%, 0,0%, 5,5%

OKLCH

0,6445 0,166 261,0

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#508AF1

#F1B750

Analogous

#50DAF1

#6650F1

#508AF1

Triadic

#508AF1

#F1508A

#8AF150

Split Complementary

#508AF1

#F16650

#DAF150

Tetradic

#508AF1

#F150DA

#F1B750

#50F166

Color Blindness Simulation

Original

#508AF1

Protanopia

#696AD8

Deuteranopia

#6661D2

Tritanopia

#53C4C0

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BDD3FA
300
#8EB3F6
400
#508AF1
500
#1361EC
600
#0F4EBD
700
#0C3E97
800
#093176
900
#0B2656
950
#071836

Contrast Checker

Text on white

3,36:1

AA Fail AAA Fail

Text on black

6,25:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026