#044889

#044889

Color Values

HEX

#044889

RGB

4, 72, 137

HSL

209.3, 94.3%, 27.6%

HSV

209.3, 97.1%, 53.7%

CMYK

97.1%, 47.4%, 0.0%, 46.3%

OKLCH

0.4033 0.1242 253.7

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#044889

#894504

Analogous

#048987

#040689

#044889

Triadic

#044889

#890448

#488904

Split Complementary

#044889

#890406

#898704

Tetradic

#044889

#870489

#894504

#068904

Color Blindness Simulation

Original

#044889

Protanopia

#212279

Deuteranopia

#1E1875

Tritanopia

#076D6A

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BADCFD
300
#88C3FC
400
#48A3FA
500
#0782F8
600
#0668C6
700
#05539F
800
#04417C
900
#07315A
950
#051F39

Contrast Checker

Text on white

9.16:1

AA Pass AAA Pass

Text on black

2.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026