#2A5A61 Color

Color Information

HEX#2A5A61
RGB42, 90, 97
HSL188° , 40% , 27%
HSV188° , 57% , 38%
CMYK57%, 7%, 0%, 62%

Lighter Shades

#446E74 #5D8287 #77959A #90A9AD #AABDC0 #C3D1D3

Darker Shades

#254F55 #20444A #1B3A3E #162F32 #112427 #0C191B

Complementary Palette

#244D53 #2A5A61 #532A23 #603129 #764E47 #487177

Analogous Palette

#334D43 #375349 #27555B #2A5A61 #374253 #485161

Triadic Palette

#254F55 #2A5A61 #67225E #793D71 #5E6722 #535B1E

Split Complementary Palette

#265157 #2A5A61 #60293E #703E51 #604C29 #564425

Square Palette

#234C51 #2A5A61 #4A305A #5A3630 #3E6029 #5D794B

Tetradic Palette

#224A50 #2A5A61 #291D6D #603129 #626D1D #7E8746

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5A61 contains 42 red, 90 green, and 97 blue.

Contrast Ratio: 7.78:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.7:1