#042C9F

#042C9F

Color Values

HEX

#042C9F

RGB

4, 44, 159

HSL

224.5, 95.1%, 32.0%

HSV

224.5, 97.5%, 62.4%

CMYK

97.5%, 72.3%, 0.0%, 37.6%

OKLCH

0.3654 0.1882 263.8

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#042C9F

#9F7704

Analogous

#047A9F

#2A049F

#042C9F

Triadic

#042C9F

#9F042C

#2C9F04

Split Complementary

#042C9F

#9F2A04

#7A9F04

Tetradic

#042C9F

#9F047A

#9F7704

#049F2A

Color Blindness Simulation

Original

#042C9F

Protanopia

#151683

Deuteranopia

#13107C

Tritanopia

#066D68

Achromatopsia

#2C2C2C

CSS Usage

background-color: #042C9F;
color: #042C9F;
border-color: #042C9F;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F1F4FE
100
#DFE6FC
200
#B9CBFD
300
#88A6FC
400
#4775FA
500
#0645F9
600
#0537C7
700
#042C9F
800
#03227C
900
#071C5A
950
#041239

Contrast Checker

Text on white

11.25:1

AA Pass AAA Pass

Text on black

1.87:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026