#2A548D Color

Color Information

HEX#2A548D
RGB42, 84, 141
HSL215° , 54% , 36%
HSV215° , 70% , 55%
CMYK70%, 40%, 0%, 45%

Lighter Shades

#44699B #5D7DA8 #7792B6 #90A6C4 #AABBD1 #C3CFDF

Darker Shades

#254A7C #20406B #1B365A #162C49 #112238 #0C1827

Complementary Palette

#244879 #2A548D #795624 #8D642A #9D7A48 #486C9D

Analogous Palette

#386C71 #3D767B #274F85 #2A548D #423D7B #544F82

Triadic Palette

#254A7C #2A548D #972152 #A33C67 #529721 #48851D

Split Complementary Palette

#264C7F #2A548D #8D322A #98473F #858D2A #787F26

Square Palette

#234776 #2A548D #84337D #846333 #2A8D32 #4C9F53

Tetradic Palette

#224574 #2A548D #671A9E #8D642A #519E1A #70AF43

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A548D contains 42 red, 84 green, and 141 blue.

Contrast Ratio: 7.73:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.72:1