#042A65

#042A65

Color Values

HEX

#042A65

RGB

4, 42, 101

HSL

216.5, 92.4%, 20.6%

HSV

216.5, 96.0%, 39.6%

CMYK

96.0%, 58.4%, 0.0%, 60.4%

OKLCH

0.3015 0.1122 259.6

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#042A65

#653F04

Analogous

#045B65

#0F0465

#042A65

Triadic

#042A65

#65042A

#2A6504

Split Complementary

#042A65

#650F04

#5B6504

Tetradic

#042A65

#65045B

#653F04

#04650F

Color Blindness Simulation

Original

#042A65

Protanopia

#141557

Deuteranopia

#120F53

Tritanopia

#064B49

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BAD4FC
300
#89B6FA
400
#498EF8
500
#0A66F5
600
#0852C4
700
#06419D
800
#05337B
900
#082859
950
#051938

Contrast Checker

Text on white

13.78:1

AA Pass AAA Pass

Text on black

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