#2D4E6C Color

Color Information

HEX#2D4E6C
RGB45, 78, 108
HSL209° , 41% , 30%
HSV209° , 58% , 42%
CMYK58%, 28%, 0%, 58%

Lighter Shades

#46637E #5F788F #798EA1 #92A3B3 #ABB8C4 #C4CDD6

Darker Shades

#28455F #223B52 #1D3245 #172938 #121F2B #0D161E

Complementary Palette

#27435D #2D4E6C #5D4127 #6C4B2D #81644A #4A6781

Analogous Palette

#365353 #3C5D5C #2A4966 #2D4E6C #3C3D5D #4E4E6A

Triadic Palette

#28455F #2D4E6C #74254E #853F63 #4E7425 #456621

Split Complementary Palette

#294661 #2D4E6C #6C2D2E #7B4243 #6C6B2D #616029

Square Palette

#26425B #2D4E6C #633564 #644C35 #2E6C2D #4F844F

Tetradic Palette

#254059 #2D4E6C #4B1F7A #6C4B2D #4E7A1F #6E9247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4E6C contains 45 red, 78 green, and 108 blue.

Contrast Ratio: 8.87:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.37:1