#2D4D81 Color

Color Information

HEX#2D4D81
RGB45, 77, 129
HSL217° , 48% , 34%
HSV217° , 65% , 51%
CMYK65%, 40%, 0%, 49%

Lighter Shades

#466290 #5F789F #798DAE #92A2BD #ABB8CD #C4CDDC

Darker Shades

#284472 #223B62 #1D3153 #172843 #121F34 #0D1624

Complementary Palette

#27426F #2D4D81 #6E5327 #80602D #92764A #4A6693

Analogous Palette

#396065 #3E696F #2A4879 #2D4D81 #443E6F #565275

Triadic Palette

#284472 #2D4D81 #89244B #973E61 #4B8924 #427920

Split Complementary Palette

#294574 #2D4D81 #80372D #8D4B42 #77802D #6B7329

Square Palette

#26416C #2D4D81 #783670 #785E36 #2D8037 #4F9457

Tetradic Palette

#253F6A #2D4D81 #641D90 #80602D #49901D #6AA446

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4D81 contains 45 red, 77 green, and 129 blue.

Contrast Ratio: 8.6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.44:1