#042EC8

#042EC8

Color Values

HEX

#042EC8

RGB

4, 46, 200

HSL

227.1, 96.1%, 40.0%

HSV

227.1, 98.0%, 78.4%

CMYK

98.0%, 77.0%, 0.0%, 21.6%

OKLCH

0.4151 0.2349 264.3

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#042EC8

#C89E04

Analogous

#0490C8

#3C04C8

#042EC8

Triadic

#042EC8

#C8042E

#2EC804

Split Complementary

#042EC8

#C83C04

#90C804

Tetradic

#042EC8

#C80490

#C89E04

#04C83C

Color Blindness Simulation

Original

#042EC8

Protanopia

#1617A3

Deuteranopia

#14119A

Tritanopia

#06857F

Achromatopsia

#303030

CSS Usage

background-color: #042EC8;
color: #042EC8;
border-color: #042EC8;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F1F4FE
100
#DFE5FC
200
#B9C8FE
300
#87A0FD
400
#466DFB
500
#053AFA
600
#042EC8
700
#0325A0
800
#021D7D
900
#07195A
950
#041039

Contrast Checker

Text on white

9.42:1

AA Pass AAA Pass

Text on black

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