#042D54

#042D54

Color Values

HEX

#042D54

RGB

4, 45, 84

HSL

209.2, 90.9%, 17.3%

HSV

209.2, 95.2%, 32.9%

CMYK

95.2%, 46.4%, 0.0%, 67.1%

OKLCH

0.2946 0.0828 252.0

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#042D54

#542B04

Analogous

#045453

#040554

#042D54

Triadic

#042D54

#54042D

#2D5404

Split Complementary

#042D54

#540405

#545304

Tetradic

#042D54

#530454

#542B04

#055404

Color Blindness Simulation

Original

#042D54

Protanopia

#16164B

Deuteranopia

#131048

Tritanopia

#064341

Achromatopsia

#272727

CSS Usage

background-color: #042D54;
color: #042D54;
border-color: #042D54;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDCFC
300
#8AC3F9
400
#4BA3F6
500
#0C83F3
600
#0968C3
700
#07549C
800
#06417A
900
#093258
950
#061F38

Contrast Checker

Text on white

13.92:1

AA Pass AAA Pass

Text on black

1.51:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026