#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