#20777A Color

Color Information

HEX	#20777A
RGB	32, 119, 122
HSL	182° , 58% , 30%
HSV	182° , 74% , 48%
CMYK	74%, 2%, 0%, 52%

Lighter Shades

#3B878A #56989A #70A8AA #8BB8BA #A6C9CA #C1D9DA

Darker Shades

#1C696B #185A5D #144C4E #113E3F #0D3031 #092122

Complementary Palette

#1C6669 #20777A #681E1C #792320 #8C423F #3F8A8D

Analogous Palette

#2A6047 #2F6A4E #1E7073 #20777A #2F4B6A #455A73

Triadic Palette

#1C696B #20777A #81187D #90348D #7D8118 #6E7215

Split Complementary Palette

#1D6B6E #20777A #79204A #86365C #794F20 #6D471D

Square Palette

#1B6466 #20777A #4F2871 #712A28 #4A7920 #678E44

Tetradic Palette

#1A6264 #20777A #161287 #792320 #838712 #999D3D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #20777A contains 32 red, 119 green, and 122 blue.

Contrast Ratio: 5.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4:1