#2A5A87 Color

Color Information

HEX#2A5A87
RGB42, 90, 135
HSL209° , 53% , 35%
HSV209° , 69% , 53%
CMYK69%, 33%, 0%, 47%

Lighter Shades

#446E95 #5D82A4 #7795B2 #90A9C1 #AABDCF #C3D1DD

Darker Shades

#254F77 #204467 #1B3A56 #162F46 #112436 #0C1926

Complementary Palette

#244D74 #2A5A87 #764C24 #89582A #9A6F48 #487198

Analogous Palette

#376D6C #3C7776 #27557F #2A5A87 #3C3D77 #50507C

Triadic Palette

#254F77 #2A5A87 #91215B #9E3C6F #5B9121 #50801D

Split Complementary Palette

#26517A #2A5A87 #892A2C #953F41 #89872A #7B7A26

Square Palette

#234C71 #2A5A87 #7E3380 #805833 #2C892A #4E9C4C

Tetradic Palette

#224A6F #2A5A87 #571A99 #89582A #5B991A #79AB43

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5A87 contains 42 red, 90 green, and 135 blue.

Contrast Ratio: 7.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.88:1