#014EA2

#014EA2

Color Values

HEX

#014EA2

RGB

1, 78, 162

HSL

211.3, 98.8%, 32.0%

HSV

211.3, 99.4%, 63.5%

CMYK

99.4%, 51.9%, 0.0%, 36.5%

OKLCH

0.4362 0.1511 256.5

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#014EA2

#A25501

Analogous

#019FA2

#0401A2

#014EA2

Triadic

#014EA2

#A2014E

#4EA201

Split Complementary

#014EA2

#A20401

#9FA201

Tetradic

#014EA2

#A2019F

#A25501

#01A204

Color Blindness Simulation

Original

#014EA2

Protanopia

#22238E

Deuteranopia

#1E1889

Tritanopia

#057E7A

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEEDFC
200
#B8DAFF
300
#85BFFE
400
#439DFE
500
#027AFD
600
#0162CB
700
#014EA2
800
#013D7F
900
#052F5C
950
#031D3A

Contrast Checker

Text on white

8.04:1

AA Pass AAA Pass

Text on black

2.61:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026