#2E4576

#2E4576

Color Values

HEX

#2E4576

RGB

46, 69, 118

HSL

220.8, 43.9%, 32.2%

HSV

220.8, 61.0%, 46.3%

CMYK

61.0%, 41.5%, 0.0%, 53.7%

OKLCH

0.397 0.088 263.9

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#2E4576

#765F2E

Analogous

#2E6976

#3B2E76

#2E4576

Triadic

#2E4576

#762E45

#45762E

Split Complementary

#2E4576

#763B2E

#69762E

Tetradic

#2E4576

#762E69

#765F2E

#2E763B

Color Blindness Simulation

Original

#2E4576

Protanopia

#38386A

Deuteranopia

#373567

Tritanopia

#2F615F

Achromatopsia

#444444

CSS Usage

background-color: #2E4576;
color: #2E4576;
border-color: #2E4576;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CCD6EB
300
#A7B8DD
400
#7792CA
500
#486BB7
600
#395693
700
#2E4575
800
#24365C
900
#1D2A44
950
#131A2B

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