#04355D

#04355D

Color Values

HEX

#04355D

RGB

4, 53, 93

HSL

207.0, 91.8%, 19.0%

HSV

207.0, 95.7%, 36.5%

CMYK

95.7%, 43.0%, 0.0%, 63.5%

OKLCH

0.3226 0.086 249.4

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#04355D

#5D2C04

Analogous

#045D58

#04085D

#04355D

Triadic

#04355D

#5D0435

#355D04

Split Complementary

#04355D

#5D0408

#5D5804

Tetradic

#04355D

#58045D

#5D2C04

#085D04

Color Blindness Simulation

Original

#04355D

Protanopia

#191A53

Deuteranopia

#161351

Tritanopia

#064C4A

Achromatopsia

#2D2D2D

CSS Usage

background-color: #04355D;
color: #04355D;
border-color: #04355D;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BBDFFC
300
#8AC7FA
400
#4AA9F7
500
#0A8BF5
600
#086FC4
700
#07599D
800
#05467A
900
#083458
950
#052138

Contrast Checker

Text on white

12.56:1

AA Pass AAA Pass

Text on black

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