#042548

#042548

Color Values

HEX

#042548

RGB

4, 37, 72

HSL

210.9, 89.5%, 14.9%

HSV

210.9, 94.4%, 28.2%

CMYK

94.4%, 48.6%, 0.0%, 71.8%

OKLCH

0.2637 0.0752 253.3

Properties

Cool Dark Nearest: RAL 5010 Gentian Blue

Color Harmonies

Complementary

#042548

#482704

Analogous

#044748

#050448

#042548

Triadic

#042548

#480425

#254804

Split Complementary

#042548

#480504

#474804

Tetradic

#042548

#480447

#482704

#044805

Color Blindness Simulation

Original

#042548

Protanopia

#121340

Deuteranopia

#100E3E

Tritanopia

#063937

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFB
200
#BBDAFB
300
#8BC0F9
400
#4C9EF5
500
#0D7CF2
600
#0B63C1
700
#094F9B
800
#073E79
900
#092F57
950
#061E37

Contrast Checker

Text on white

15.4:1

AA Pass AAA Pass

Text on black

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