#2A5B9F Color

Color Information

HEX	#2A5B9F
RGB	42, 91, 159
HSL	215° , 58% , 39%
HSV	215° , 74% , 62%
CMYK	74%, 43%, 0%, 38%

Lighter Shades

#446FAB #5D82B6 #7796C2 #90AACD #AABDD9 #C3D1E4

Darker Shades

#25508C #204579 #1B3A66 #162F53 #112440 #0C192D

Complementary Palette

#244E89 #2A5B9F #875E24 #9D6D2A #AB8148 #4872AC

Analogous Palette

#3A787E #3E8389 #275695 #2A5B9F #443E89 #57528E

Triadic Palette

#25508C #2A5B9F #A72058 #B23B6C #58A720 #4D931C

Split Complementary Palette

#26528F #2A5B9F #9D332A #A7473F #949D2A #858D26

Square Palette

#234C86 #2A5B9F #93348B #936B34 #2A9D33 #4CAD54

Tetradic Palette

#224B82 #2A5B9F #7018AF #9D6D2A #57AF18 #75BD42

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5B9F contains 42 red, 91 green, and 159 blue.

Contrast Ratio: 6.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.07:1