#04488E

#04488E

Color Values

HEX

#04488E

RGB

4, 72, 142

HSL

210.4, 94.5%, 28.6%

HSV

210.4, 97.2%, 55.7%

CMYK

97.2%, 49.3%, 0.0%, 44.3%

OKLCH

0.4071 0.1311 255.1

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#04488E

#8E4A04

Analogous

#048D8E

#05048E

#04488E

Triadic

#04488E

#8E0448

#488E04

Split Complementary

#04488E

#8E0504

#8D8E04

Tetradic

#04488E

#8E048D

#8E4A04

#048E05

Color Blindness Simulation

Original

#04488E

Protanopia

#21227D

Deuteranopia

#1E1879

Tritanopia

#07706D

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BADBFD
300
#88C1FC
400
#479FFA
500
#077EF8
600
#0665C6
700
#04519F
800
#043F7C
900
#07305A
950
#051E39

Contrast Checker

Text on white

9.04:1

AA Pass AAA Pass

Text on black

2.32:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026