#516AF0

#516AF0

Color Values

HEX

#516AF0

RGB

81, 106, 240

HSL

230,6, 84,1%, 62,9%

HSV

230,6, 66,2%, 94,1%

CMYK

66,2%, 55,8%, 0,0%, 5,9%

OKLCH

0,5809 0,2023 270,8

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#516AF0

#F0D751

Analogous

#51B9F0

#8751F0

#516AF0

Triadic

#516AF0

#F0516A

#6AF051

Split Complementary

#516AF0

#F08751

#B9F051

Tetradic

#516AF0

#F051B9

#F0D751

#51F087

Color Blindness Simulation

Original

#516AF0

Protanopia

#5C5CD0

Deuteranopia

#5A58C8

Tritanopia

#52B6B0

Achromatopsia

#6E6E6E

CSS Usage

background-color: #516AF0;
color: #516AF0;
border-color: #516AF0;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F4FD
100
#E0E4FA
200
#BDC7F9
300
#8E9EF5
400
#516AF0
500
#1436EB
600
#102BBC
700
#0D2296
800
#0A1B75
900
#0C1755
950
#070F36

Contrast Checker

Text on white

4,5:1

AA Fail AAA Fail

Text on black

4,67:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026