#044589

#044589

Color Values

HEX

#044589

RGB

4, 69, 137

HSL

210.7, 94.3%, 27.6%

HSV

210.7, 97.1%, 53.7%

CMYK

97.1%, 49.6%, 0.0%, 46.3%

OKLCH

0.3961 0.1279 255.2

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#044589

#894804

Analogous

#048789

#060489

#044589

Triadic

#044589

#890445

#458904

Split Complementary

#044589

#890604

#878904

Tetradic

#044589

#890487

#894804

#048906

Color Blindness Simulation

Original

#044589

Protanopia

#202179

Deuteranopia

#1C1875

Tritanopia

#076C69

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BADBFD
300
#88C0FC
400
#489FFA
500
#077DF8
600
#0664C6
700
#05509F
800
#043E7C
900
#072F5A
950
#051E39

Contrast Checker

Text on white

9.47:1

AA Pass AAA Pass

Text on black

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