#2A576A Color

Color Information

HEX	#2A576A
RGB	42, 87, 106
HSL	198° , 43% , 29%
HSV	198° , 60% , 42%
CMYK	60%, 18%, 0%, 58%

Lighter Shades

#446B7C #5D7F8E #7793A0 #90A8B2 #AABCC3 #C3D0D5

Darker Shades

#254D5D #204251 #1B3844 #162D37 #11232A #0C181E

Complementary Palette

#244B5B #2A576A #5B3424 #6A3D2A #7F5848 #486F7F

Analogous Palette

#35554E #395B54 #275264 #2A576A #39405B #4C5167

Triadic Palette

#254D5D #2A576A #71235A #823D6E #5A7123 #4F631F

Split Complementary Palette

#264E5F #2A576A #6A2A37 #793F4B #6A5D2A #5F5426

Square Palette

#234959 #2A576A #593262 #624032 #376A2A #57824C

Tetradic Palette

#224757 #2A576A #381D77 #6A3D2A #5C771D #798F46

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A576A contains 42 red, 87 green, and 106 blue.

Contrast Ratio: 7.98:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.63:1