#2A4E97 Color

Color Information

HEX#2A4E97
RGB42, 78, 151
HSL220° , 56% , 38%
HSV220° , 72% , 59%
CMYK72%, 48%, 0%, 41%

Lighter Shades

#4463A3 #5D78B0 #778EBC #90A3C9 #AAB8D5 #C3CDE2

Darker Shades

#254585 #203B73 #1B3261 #16294F #111F3C #0C162A

Complementary Palette

#244382 #2A4E97 #826325 #97732B #A68749 #4867A6

Analogous Palette

#3A6E78 #3E7884 #27498E #2A4E97 #4A3E84 #5B5289

Triadic Palette

#254585 #2A4E97 #A1214C #AC3C61 #4CA121 #438E1D

Split Complementary Palette

#264688 #2A4E97 #973D2B #A15040 #85972B #788827

Square Palette

#23427F #2A4E97 #8D347F #8D7034 #2B973D #4DA85C

Tetradic Palette

#22407C #2A4E97 #7919A9 #97732B #49A919 #6AB842

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A4E97 contains 42 red, 78 green, and 151 blue.

Contrast Ratio: 8.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.59:1