#2D4477

#2D4477

Color Values

HEX

#2D4477

RGB

45, 68, 119

HSL

221.4, 45.1%, 32.2%

HSV

221.4, 62.2%, 46.7%

CMYK

62.2%, 42.9%, 0.0%, 53.3%

OKLCH

0.3948 0.0912 264.3

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#2D4477

#77602D

Analogous

#2D6977

#3B2D77

#2D4477

Triadic

#2D4477

#772D44

#44772D

Split Complementary

#2D4477

#773B2D

#69772D

Tetradic

#2D4477

#772D69

#77602D

#2D773B

Color Blindness Simulation

Original

#2D4477

Protanopia

#37376B

Deuteranopia

#363468

Tritanopia

#2E615F

Achromatopsia

#434343

CSS Usage

background-color: #2D4477;
color: #2D4477;
border-color: #2D4477;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CBD5EB
300
#A6B7DD
400
#7690CB
500
#466AB9
600
#385594
700
#2D4476
800
#23355D
900
#1D2944
950
#121A2B

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

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