#2E4D64 Color

Color Information

HEX#2E4D64
RGB46, 77, 100
HSL206° , 37% , 29%
HSV206° , 54% , 39%
CMYK54%, 23%, 0%, 61%

Lighter Shades

#476277 #607889 #798D9C #92A2AE #ABB8C1 #C4CDD4

Darker Shades

#284458 #233B4C #1D3140 #182834 #121F28 #0D161C

Complementary Palette

#284256 #2E4D64 #573C28 #65462F #7B604C #4B667A

Analogous Palette

#39514F #3E5655 #2B485E #2E4D64 #3E3F56 #4C4D67

Triadic Palette

#284458 #2E4D64 #6C284E #7E4263 #4E6C28 #455F23

Split Complementary Palette

#29455A #2E4D64 #652F32 #744447 #65622F #5B582A

Square Palette

#274154 #2E4D64 #5B375D #5D4737 #32652F #537E50

Tetradic Palette

#263F52 #2E4D64 #452272 #65462F #4F7222 #6F8B4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E4D64 contains 46 red, 77 green, and 100 blue.

Contrast Ratio: 9.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.31:1