#042F54

#042F54

Color Values

HEX

#042F54

RGB

4, 47, 84

HSL

207.8, 90.9%, 17.3%

HSV

207.8, 95.2%, 32.9%

CMYK

95.2%, 44.0%, 0.0%, 67.1%

OKLCH

0.3 0.0803 250.1

Properties

Cool Dark Nearest: RAL 5010 Gentian Blue

Color Harmonies

Complementary

#042F54

#542904

Analogous

#045451

#040754

#042F54

Triadic

#042F54

#54042F

#2F5404

Split Complementary

#042F54

#540407

#545104

Tetradic

#042F54

#510454

#542904

#075404

Color Blindness Simulation

Original

#042F54

Protanopia

#17174B

Deuteranopia

#141149

Tritanopia

#064442

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDEFC
300
#8AC6F9
400
#4BA7F6
500
#0C88F3
600
#096DC3
700
#07579C
800
#06447A
900
#093358
950
#062038

Contrast Checker

Text on white

13.64:1

AA Pass AAA Pass

Text on black

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