#04357F

#04357F

Color Values

HEX

#04357F

RGB

4, 53, 127

HSL

216.1, 93.9%, 25.7%

HSV

216.1, 96.9%, 49.8%

CMYK

96.9%, 58.3%, 0.0%, 50.2%

OKLCH

0.3506 0.1347 259.7

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#04357F

#7F4E04

Analogous

#04737F

#11047F

#04357F

Triadic

#04357F

#7F0435

#357F04

Split Complementary

#04357F

#7F1104

#737F04

Tetradic

#04357F

#7F0473

#7F4E04

#047F11

Color Blindness Simulation

Original

#04357F

Protanopia

#191A6D

Deuteranopia

#161369

Tritanopia

#065F5C

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BAD4FD
300
#88B6FB
400
#488FF9
500
#0867F7
600
#0653C6
700
#05429E
800
#04347C
900
#082859
950
#051938

Contrast Checker

Text on white

11.53:1

AA Pass AAA Pass

Text on black

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