#014AA2

#014AA2

Color Values

HEX

#014AA2

RGB

1, 74, 162

HSL

212.8, 98.8%, 32.0%

HSV

212.8, 99.4%, 63.5%

CMYK

99.4%, 54.3%, 0.0%, 36.5%

OKLCH

0.4273 0.1562 257.8

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#014AA2

#A25901

Analogous

#019BA2

#0901A2

#014AA2

Triadic

#014AA2

#A2014A

#4AA201

Split Complementary

#014AA2

#A20901

#9BA201

Tetradic

#014AA2

#A2019B

#A25901

#01A209

Color Blindness Simulation

Original

#014AA2

Protanopia

#21218D

Deuteranopia

#1C1788

Tritanopia

#057C78

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEECFC
200
#B8D8FF
300
#85BCFE
400
#4398FE
500
#0274FD
600
#015DCB
700
#014AA2
800
#013A7F
900
#052C5C
950
#031C3A

Contrast Checker

Text on white

8.39:1

AA Pass AAA Pass

Text on black

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