#2D4D7E Color

Color Information

HEX#2D4D7E
RGB45, 77, 126
HSL216° , 47% , 34%
HSV216° , 64% , 49%
CMYK64%, 39%, 0%, 51%

Lighter Shades

#46628D #5F789D #798DAC #92A2BC #ABB8CB #C4CDDB

Darker Shades

#28446F #223B60 #1D3151 #172842 #121F32 #0D1623

Complementary Palette

#27426C #2D4D7E #6D5228 #7F5F2E #91754B #4A6690

Analogous Palette

#3A6064 #3F696E #2A4876 #2D4D7E #443F6E #565374

Triadic Palette

#28446F #2D4D7E #88254D #963F62 #4D8825 #447821

Split Complementary Palette

#294571 #2D4D7E #7F362E #8C4A43 #777F2E #6B7229

Square Palette

#26416A #2D4D7E #773770 #775D37 #2E7F36 #4F9356

Tetradic Palette

#253F67 #2D4D7E #621E8F #7F5F2E #4B8F1E #6BA347

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4D7E contains 45 red, 77 green, and 126 blue.

Contrast Ratio: 8.66:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.43:1