#2D3C4E Color

Color Information

HEX#2D3C4E
RGB45, 60, 78
HSL213° , 27% , 24%
HSV213° , 42% , 31%
CMYK42%, 23%, 0%, 69%

Lighter Shades

#465363 #5F6B78 #79828E #929AA3 #ABB1B8 #C4C8CD

Darker Shades

#283545 #222E3B #1D2632 #171F29 #12181F #0D1116

Complementary Palette

#273443 #2D3C4E #433627 #4E3F2D #675A4A #4A5767

Analogous Palette

#303F41 #344546 #2A3849 #2D3C4E #353446 #424158

Triadic Palette

#283545 #2D3C4E #54273B #694153 #3B5427 #344A22

Split Complementary Palette

#293646 #2D3C4E #4E2E2D #604342 #4C4E2D #444629

Square Palette

#263242 #2D3C4E #483346 #483E33 #2D4E2E #4F6A4F

Tetradic Palette

#253140 #2D3C4E #402259 #4E3F2D #3A5922 #5D774A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D3C4E contains 45 red, 60 green, and 78 blue.

Contrast Ratio: 11.71:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.79:1