#2A548E Color

Color Information

HEX#2A548E
RGB42, 84, 142
HSL215° , 54% , 36%
HSV215° , 70% , 56%
CMYK70%, 41%, 0%, 44%

Lighter Shades

#44699C #5D7DA9 #7792B7 #90A6C4 #AABBD2 #C3CFDF

Darker Shades

#254A7D #20406C #1B365B #162C4A #112239 #0C1828

Complementary Palette

#24487A #2A548E #795624 #8D642A #9D7A48 #486C9E

Analogous Palette

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

Triadic Palette

#254A7D #2A548E #972152 #A33C67 #529721 #48851D

Split Complementary Palette

#264C80 #2A548E #8D322A #98473F #858D2A #787F26

Square Palette

#234777 #2A548E #84337D #846333 #2A8D32 #4C9F53

Tetradic Palette

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

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A548E contains 42 red, 84 green, and 142 blue.

Contrast Ratio: 7.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.72:1