#1A56AF

#1A56AF

Color Values

HEX

#1A56AF

RGB

26, 86, 175

HSL

215.8, 74.1%, 39.4%

HSV

215.8, 85.1%, 68.6%

CMYK

85.1%, 50.9%, 0.0%, 31.4%

OKLCH

0.4686 0.1547 258.9

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#1A56AF

#AF731A

Analogous

#1AA1AF

#281AAF

#1A56AF

Triadic

#1A56AF

#AF1A56

#56AF1A

Split Complementary

#1A56AF

#AF281A

#A1AF1A

Tetradic

#1A56AF

#AF1AA1

#AF731A

#1AAF28

Color Blindness Simulation

Original

#1A56AF

Protanopia

#343599

Deuteranopia

#302C94

Tritanopia

#1D8885

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E2EBF8
200
#C1D6F6
300
#94B9EF
400
#5B93E7
500
#216DDE
600
#1A57B2
700
#15468E
800
#11376F
900
#102A51
950
#0A1B33

Contrast Checker

Text on white

7.01:1

AA Pass AAA Pass

Text on black

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