#2D5C80 Color

Color Information

HEX#2D5C80
RGB45, 92, 128
HSL206° , 48% , 34%
HSV206° , 65% , 50%
CMYK65%, 28%, 0%, 50%

Lighter Shades

#46708F #5F839E #7997AE #92AABD #ABBECC #C4D1DB

Darker Shades

#285171 #224661 #1D3B52 #173043 #122533 #0D1A24

Complementary Palette

#274F6E #2D5C80 #6E4627 #80512D #92694A #4A7392

Analogous Palette

#396562 #3E6F6C #2A5678 #2D5C80 #3E426F #525475

Triadic Palette

#285171 #2D5C80 #89245D #973E70 #5D8924 #527920

Split Complementary Palette

#295373 #2D5C80 #802D33 #8D4247 #807B2D #736F29

Square Palette

#264D6C #2D5C80 #733678 #785236 #33802D #54944F

Tetradic Palette

#254B69 #2D5C80 #4F1D90 #80512D #5E901D #7BA446

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D5C80 contains 45 red, 92 green, and 128 blue.

Contrast Ratio: 7.17:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.93:1