#04498E

#04498E

Color Values

HEX

#04498E

RGB

4, 73, 142

HSL

210.0, 94.5%, 28.6%

HSV

210.0, 97.2%, 55.7%

CMYK

97.2%, 48.6%, 0.0%, 44.3%

OKLCH

0.4094 0.1298 254.6

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#04498E

#8E4904

Analogous

#048E8E

#04048E

#04498E

Triadic

#04498E

#8E0449

#498E04

Split Complementary

#04498E

#8E0404

#8E8E04

Tetradic

#04498E

#8E048E

#8E4904

#048E04

Color Blindness Simulation

Original

#04498E

Protanopia

#22227D

Deuteranopia

#1E1979

Tritanopia

#07706D

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BADBFD
300
#88C2FC
400
#47A1FA
500
#0780F8
600
#0666C6
700
#04529F
800
#04407C
900
#07305A
950
#051F39

Contrast Checker

Text on white

8.94:1

AA Pass AAA Pass

Text on black

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