#042F53

#042F53

Color Values

HEX

#042F53

RGB

4, 47, 83

HSL

207.3, 90.8%, 17.1%

HSV

207.3, 95.2%, 32.5%

CMYK

95.2%, 43.4%, 0.0%, 67.5%

OKLCH

0.2992 0.0789 249.5

Properties

Cool Dark Nearest: RAL 5010 Gentian Blue

Color Harmonies

Complementary

#042F53

#532804

Analogous

#045350

#040853

#042F53

Triadic

#042F53

#53042F

#2F5304

Split Complementary

#042F53

#530408

#535004

Tetradic

#042F53

#500453

#532804

#085304

Color Blindness Simulation

Original

#042F53

Protanopia

#17174A

Deuteranopia

#141148

Tritanopia

#064342

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDEFC
300
#8AC7F9
400
#4BA8F6
500
#0C8AF3
600
#096EC3
700
#08589C
800
#06457A
900
#093458
950
#062138

Contrast Checker

Text on white

13.67:1

AA Pass AAA Pass

Text on black

1.54:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026