#042557

#042557

Color Values

HEX

#042557

RGB

4, 37, 87

HSL

216.1, 91.2%, 17.8%

HSV

216.1, 95.4%, 34.1%

CMYK

95.4%, 57.5%, 0.0%, 65.9%

OKLCH

0.2766 0.0982 259.0

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#042557

#573604

Analogous

#044E57

#0C0457

#042557

Triadic

#042557

#570425

#255704

Split Complementary

#042557

#570C04

#4E5704

Tetradic

#042557

#57044E

#573604

#04570C

Color Blindness Simulation

Original

#042557

Protanopia

#12134B

Deuteranopia

#100E48

Tritanopia

#06413F

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BBD5FC
300
#8AB6FA
400
#4B8FF7
500
#0B68F4
600
#0953C3
700
#07429C
800
#06347A
900
#092858
950
#051938

Contrast Checker

Text on white

14.92:1

AA Pass AAA Pass

Text on black

1.41:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026