#2E4E74 Color

Color Information

HEX#2E4E74
RGB46, 78, 116
HSL213° , 43% , 32%
HSV213° , 60% , 45%
CMYK60%, 33%, 0%, 55%

Lighter Shades

#476385 #607895 #798EA6 #92A3B7 #ABB8C7 #C4CDD8

Darker Shades

#284566 #233B58 #1D324A #18293C #121F2E #0D1620

Complementary Palette

#284364 #2E4E74 #654928 #75552F #886D4C #4B6787

Analogous Palette

#3B5C5E #3F6264 #2B496D #2E4E74 #413F64 #53526F

Triadic Palette

#284566 #2E4E74 #7D264D #8D4062 #4D7D26 #446E21

Split Complementary Palette

#294668 #2E4E74 #75322F #834744 #71752F #66692A

Square Palette

#274261 #2E4E74 #6D376A #6D5437 #2F7532 #508B53

Tetradic Palette

#26405F #2E4E74 #572083 #75552F #4D8320 #6D9948

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E4E74 contains 46 red, 78 green, and 116 blue.

Contrast Ratio: 8.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.41:1