#04375E

#04375E

Color Values

HEX

#04375E

RGB

4, 55, 94

HSL

206.0, 91.8%, 19.2%

HSV

206.0, 95.7%, 36.9%

CMYK

95.7%, 41.5%, 0.0%, 63.1%

OKLCH

0.3287 0.085 248.1

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#04375E

#5E2B04

Analogous

#045E58

#040A5E

#04375E

Triadic

#04375E

#5E0437

#375E04

Split Complementary

#04375E

#5E040A

#5E5804

Tetradic

#04375E

#58045E

#5E2B04

#0A5E04

Color Blindness Simulation

Original

#04375E

Protanopia

#1A1B55

Deuteranopia

#171352

Tritanopia

#074D4B

Achromatopsia

#2F2F2F

CSS Usage

background-color: #04375E;
color: #04375E;
border-color: #04375E;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BBE0FC
300
#8AC9FA
400
#4AACF7
500
#0A8FF5
600
#0872C4
700
#075C9D
800
#05487A
900
#083658
950
#052238

Contrast Checker

Text on white

12.26:1

AA Pass AAA Pass

Text on black

1.71:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026