#507AF1

#507AF1

Color Values

HEX

#507AF1

RGB

80, 122, 241

HSL

224.3, 85.2%, 62.9%

HSV

224.3, 66.8%, 94.5%

CMYK

66.8%, 49.4%, 0.0%, 5.5%

OKLCH

0.6118 0.1847 266.4

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#507AF1

#F1C750

Analogous

#50CBF1

#7650F1

#507AF1

Triadic

#507AF1

#F1507A

#7AF150

Split Complementary

#507AF1

#F17650

#CBF150

Tetradic

#507AF1

#F150CB

#F1C750

#50F176

Color Blindness Simulation

Original

#507AF1

Protanopia

#6263D4

Deuteranopia

#605DCD

Tritanopia

#52BDB8

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E0E7FA
200
#BDCDFA
300
#8EA9F6
400
#507AF1
500
#134CEC
600
#0F3DBD
700
#0C3097
800
#092676
900
#0B1F56
950
#071336

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

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