#2A4E3F Color

Color Information

HEX#2A4E3F
RGB42, 78, 63
HSL155° , 30% , 24%
HSV155° , 46% , 31%
CMYK46%, 0%, 19%, 69%

Lighter Shades

#446356 #5D786D #778E84 #90A39B #AAB8B2 #C3CDC9

Darker Shades

#254537 #203B30 #1B3228 #162921 #111F19 #0C1612

Complementary Palette

#244336 #2A4E3F #452532 #502B3A #694956 #48675A

Analogous Palette

#304131 #344636 #27493B #2A4E3F #344546 #415658

Triadic Palette

#254537 #2A4E3F #402556 #573F6A #564025 #4C3821

Split Complementary Palette

#264639 #2A4E3F #502B4D #62405F #502E2B #482927

Square Palette

#234235 #2A4E3F #333149 #49313B #4D502B #696C4D

Tetradic Palette

#224034 #2A4E3F #20375B #502B3A #5B4120 #796348

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A4E3F contains 42 red, 78 green, and 63 blue.

Contrast Ratio: 9.53:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.2:1