#516DF0

#516DF0

Color Values

HEX

#516DF0

RGB

81, 109, 240

HSL

229.4, 84.1%, 62.9%

HSV

229.4, 66.2%, 94.1%

CMYK

66.2%, 54.6%, 0.0%, 5.9%

OKLCH

0.5865 0.1987 270.1

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#516DF0

#F0D451

Analogous

#51BDF0

#8451F0

#516DF0

Triadic

#516DF0

#F0516D

#6DF051

Split Complementary

#516DF0

#F08451

#BDF051

Tetradic

#516DF0

#F051BD

#F0D451

#51F084

Color Blindness Simulation

Original

#516DF0

Protanopia

#5D5DD0

Deuteranopia

#5C59C9

Tritanopia

#52B7B2

Achromatopsia

#717171

CSS Usage

background-color: #516DF0;
color: #516DF0;
border-color: #516DF0;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F4FD
100
#E0E5FA
200
#BDC8F9
300
#8EA1F5
400
#516DF0
500
#143AEB
600
#102FBC
700
#0D2596
800
#0A1D75
900
#0C1955
950
#071036

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

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