#2A5B4E Color

Color Information

HEX#2A5B4E
RGB42, 91, 78
HSL164° , 37% , 26%
HSV164° , 54% , 36%
CMYK54%, 0%, 14%, 64%

Lighter Shades

#446F63 #5D8278 #77968E #90AAA3 #AABDB8 #C3D1CD

Darker Shades

#255045 #20453B #1B3A32 #162F29 #11241F #0C1916

Complementary Palette

#244E43 #2A5B4E #4E242F #5B2A37 #724853 #487267

Analogous Palette

#334837 #374E3C #275649 #2A5B4E #37484E #45585E

Triadic Palette

#255045 #2A5B4E #512361 #663D74 #615123 #55471F

Split Complementary Palette

#265246 #2A5B4E #5B2A4F #6B3F61 #5B352A #523026

Square Palette

#234C42 #2A5B4E #383054 #54303A #4F5B2A #6B754C

Tetradic Palette

#224B40 #2A5B4E #1E3167 #5B2A37 #67531E #827247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5B4E contains 42 red, 91 green, and 78 blue.

Contrast Ratio: 7.87:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.67:1