#2A5C8A Color

Color Information

HEX#2A5C8A
RGB42, 92, 138
HSL209° , 53% , 35%
HSV209° , 70% , 54%
CMYK70%, 33%, 0%, 46%

Lighter Shades

#447098 #5D83A6 #7797B4 #90AAC2 #AABED0 #C3D1DE

Darker Shades

#255179 #204669 #1B3B58 #163048 #112537 #0C1A27

Complementary Palette

#244F77 #2A5C8A #764C24 #89582A #9A6F48 #48739A

Analogous Palette

#376D6C #3C7776 #275682 #2A5C8A #3C3D77 #50507C

Triadic Palette

#255179 #2A5C8A #91215B #9E3C6F #5B9121 #50801D

Split Complementary Palette

#26537C #2A5C8A #892A2C #953F41 #89872A #7B7A26

Square Palette

#234D74 #2A5C8A #7E3380 #805833 #2C892A #4E9C4C

Tetradic Palette

#224B71 #2A5C8A #571A99 #89582A #5B991A #79AB43

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5C8A contains 42 red, 92 green, and 138 blue.

Contrast Ratio: 7.06:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.97:1