#519CF0

#519CF0

Color Values

HEX

#519CF0

RGB

81, 156, 240

HSL

211.7, 84.1%, 62.9%

HSV

211.7, 66.2%, 94.1%

CMYK

66.2%, 35.0%, 0.0%, 5.9%

OKLCH

0.6827 0.1455 253.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#519CF0

#F0A551

Analogous

#51EBF0

#5551F0

#519CF0

Triadic

#519CF0

#F0519C

#9CF051

Split Complementary

#519CF0

#F05551

#EBF051

Tetradic

#519CF0

#F051EB

#F0A551

#51F055

Color Blindness Simulation

Original

#519CF0

Protanopia

#7172DC

Deuteranopia

#6D68D7

Tritanopia

#55CCC8

Achromatopsia

#929292

CSS Usage

background-color: #519CF0;
color: #519CF0;
border-color: #519CF0;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BDDAF9
300
#8EBFF5
400
#519CF0
500
#1479EB
600
#1061BC
700
#0D4E96
800
#0A3D75
900
#0C2E55
950
#071D36

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

7.36:1

AA Pass AAA Pass

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