#014DA3

#014DA3

Color Values

HEX

#014DA3

RGB

1, 77, 163

HSL

211.9, 98.8%, 32.2%

HSV

211.9, 99.4%, 63.9%

CMYK

99.4%, 52.8%, 0.0%, 36.1%

OKLCH

0.4348 0.1537 257.0

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#014DA3

#A35701

Analogous

#019EA3

#0601A3

#014DA3

Triadic

#014DA3

#A3014D

#4DA301

Split Complementary

#014DA3

#A30601

#9EA301

Tetradic

#014DA3

#A3019E

#A35701

#01A306

Color Blindness Simulation

Original

#014DA3

Protanopia

#22238E

Deuteranopia

#1E1889

Tritanopia

#057E7A

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEECFC
200
#B8D9FF
300
#85BEFE
400
#439BFE
500
#0278FD
600
#0160CB
700
#014CA2
800
#013C7F
900
#052E5C
950
#031D3A

Contrast Checker

Text on white

8.1:1

AA Pass AAA Pass

Text on black

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