#04355B

#04355B

Color Values

HEX

#04355B

RGB

4, 53, 91

HSL

206.2, 91.6%, 18.6%

HSV

206.2, 95.6%, 35.7%

CMYK

95.6%, 41.8%, 0.0%, 64.3%

OKLCH

0.3212 0.0831 248.3

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#04355B

#5B2A04

Analogous

#045B55

#04095B

#04355B

Triadic

#04355B

#5B0435

#355B04

Split Complementary

#04355B

#5B0409

#5B5504

Tetradic

#04355B

#55045B

#5B2A04

#095B04

Color Blindness Simulation

Original

#04355B

Protanopia

#191A52

Deuteranopia

#161350

Tritanopia

#064B49

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BBDFFC
300
#8AC9FA
400
#4AACF7
500
#0B8EF4
600
#0972C3
700
#075B9C
800
#05477A
900
#093658
950
#052238

Contrast Checker

Text on white

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