#1051AF

#1051AF

Color Values

HEX

#1051AF

RGB

16, 81, 175

HSL

215.5, 83.2%, 37.5%

HSV

215.5, 90.9%, 68.6%

CMYK

90.9%, 53.7%, 0.0%, 31.4%

OKLCH

0.4555 0.1628 259.1

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#1051AF

#AF6E10

Analogous

#10A1AF

#1F10AF

#1051AF

Triadic

#1051AF

#AF1051

#51AF10

Split Complementary

#1051AF

#AF1F10

#A1AF10

Tetradic

#1051AF

#AF10A1

#AF6E10

#10AF1F

Color Blindness Simulation

Original

#1051AF

Protanopia

#2C2D98

Deuteranopia

#282493

Tritanopia

#138682

Achromatopsia

#4A4A4A

CSS Usage

background-color: #1051AF;
color: #1051AF;
border-color: #1051AF;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F6FD
100
#E1EBFA
200
#BED6F9
300
#8FB8F5
400
#5292EF
500
#156CEA
600
#1156BB
700
#0E4595
800
#0B3675
900
#0C2A55
950
#081A36

Contrast Checker

Text on white

7.45:1

AA Pass AAA Pass

Text on black

2.82:1

AA Fail 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