#042C7C

#042C7C

Color Values

HEX

#042C7C

RGB

4, 44, 124

HSL

220.0, 93.8%, 25.1%

HSV

220.0, 96.8%, 48.6%

CMYK

96.8%, 64.5%, 0.0%, 51.4%

OKLCH

0.3282 0.1423 262.0

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#042C7C

#7C5404

Analogous

#04687C

#18047C

#042C7C

Triadic

#042C7C

#7C042C

#2C7C04

Split Complementary

#042C7C

#7C1804

#687C04

Tetradic

#042C7C

#7C0468

#7C5404

#047C18

Color Blindness Simulation

Original

#042C7C

Protanopia

#151669

Deuteranopia

#131064

Tritanopia

#065956

Achromatopsia

#292929

CSS Usage

background-color: #042C7C;
color: #042C7C;
border-color: #042C7C;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F1F5FD
100
#DFE8FB
200
#BAD0FD
300
#88AFFB
400
#4883F9
500
#0858F7
600
#0646C6
700
#05389E
800
#042C7C
900
#082359
950
#051638

Contrast Checker

Text on white

12.68:1

AA Pass AAA Pass

Text on black

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