#506CF1

#506CF1

Color Values

HEX

#506CF1

RGB

80, 108, 241

HSL

229.6, 85.2%, 62.9%

HSV

229.6, 66.8%, 94.5%

CMYK

66.8%, 55.2%, 0.0%, 5.5%

OKLCH

0.5849 0.2015 270.1

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#506CF1

#F1D550

Analogous

#50BCF1

#8450F1

#506CF1

Triadic

#506CF1

#F1506C

#6CF150

Split Complementary

#506CF1

#F18450

#BCF150

Tetradic

#506CF1

#F150BC

#F1D550

#50F184

Color Blindness Simulation

Original

#506CF1

Protanopia

#5C5CD1

Deuteranopia

#5A58C9

Tritanopia

#51B7B2

Achromatopsia

#707070

CSS Usage

background-color: #506CF1;
color: #506CF1;
border-color: #506CF1;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F4FD
100
#E0E5FA
200
#BDC7FA
300
#8EA0F6
400
#506CF1
500
#1339EC
600
#0F2DBD
700
#0C2497
800
#091C76
900
#0B1856
950
#070F36

Contrast Checker

Text on white

4.42:1

AA Fail AAA Fail

Text on black

4.76:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026