#2D4E7E Color

Color Information

HEX#2D4E7E
RGB45, 78, 126
HSL216° , 47% , 34%
HSV216° , 64% , 49%
CMYK64%, 38%, 0%, 51%

Lighter Shades

#46638D #5F789D #798EAC #92A3BC #ABB8CB #C4CDDB

Darker Shades

#28456F #223B60 #1D3251 #172942 #121F32 #0D1623

Complementary Palette

#27436C #2D4E7E #6D5228 #7F5F2E #91754B #4A6790

Analogous Palette

#3A6064 #3F696E #2A4976 #2D4E7E #443F6E #565374

Triadic Palette

#28456F #2D4E7E #88254D #963F62 #4D8825 #447821

Split Complementary Palette

#294671 #2D4E7E #7F362E #8C4A43 #777F2E #6B7229

Square Palette

#26426A #2D4E7E #773770 #775D37 #2E7F36 #4F9356

Tetradic Palette

#254067 #2D4E7E #621E8F #7F5F2E #4B8F1E #6BA347

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4E7E contains 45 red, 78 green, and 126 blue.

Contrast Ratio: 8.55:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 2.46:1