#70A988 Color

Color Information

HEX	#70A988
RGB	112, 169, 136
HSL	145° , 25% , 55%
HSV	145° , 34% , 66%
CMYK	34%, 0%, 20%, 34%

Lighter Shades

#81B396 #92BEA5 #A3C8B3 #B5D2C1 #C6DDCF #D7E7DE

Darker Shades

#639578 #558067 #486C57 #3A5847 #2D4436 #1F2F26

Complementary Palette

#609175 #70A988 #91607D #A97091 #B584A0 #84B599

Analogous Palette

#72956F #7D9D7B #699F80 #70A988 #7B9D9B #87A6A3

Triadic Palette

#639578 #70A988 #8464B4 #9377BD #B48464 #9E7458

Split Complementary Palette

#65987A #70A988 #A470A9 #AD7EB2 #A97074 #986568

Square Palette

#5E8E72 #70A988 #7B7D9D #9D7B8F #A9A470 #B7B387

Tetradic Palette

#5C8B70 #70A988 #5B94BE #A97091 #BE825B #CA9979

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #70A988 contains 112 red, 169 green, and 136 blue.

Contrast Ratio: 2.68:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.84:1