#518AF0

#518AF0

Color Values

HEX

#518AF0

RGB

81, 138, 240

HSL

218.5, 84.1%, 62.9%

HSV

218.5, 66.2%, 94.1%

CMYK

66.2%, 42.5%, 0.0%, 5.9%

OKLCH

0.6443 0.1644 261.1

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#518AF0

#F0B751

Analogous

#51D9F0

#6751F0

#518AF0

Triadic

#518AF0

#F0518A

#8AF051

Split Complementary

#518AF0

#F06751

#D9F051

Tetradic

#518AF0

#F051D9

#F0B751

#51F067

Color Blindness Simulation

Original

#518AF0

Protanopia

#6A6AD7

Deuteranopia

#6662D1

Tritanopia

#54C4C0

Achromatopsia

#858585

CSS Usage

background-color: #518AF0;
color: #518AF0;
border-color: #518AF0;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BDD3F9
300
#8EB3F5
400
#518AF0
500
#1461EB
600
#104EBC
700
#0D3E96
800
#0A3175
900
#0C2655
950
#071836

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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