#70A2A0 Color

Color Information

HEX#70A2A0
RGB112, 162, 160
HSL178° , 21% , 54%
HSV178° , 31% , 64%
CMYK31%, 0%, 1%, 36%

Lighter Shades

#81ADAB #92B8B7 #A3C3C2 #B5CFCE #C6DAD9 #D7E5E4

Darker Shades

#638F8D #557B7A #486866 #3A5453 #2D4140 #1F2D2D

Complementary Palette

#608B8A #70A2A0 #8B6163 #A27173 #AF8587 #84AFAD

Analogous Palette

#6C937E #789B89 #699896 #70A2A0 #788B9B #8192A2

Triadic Palette

#638F8D #70A2A0 #AD65AE #B777B8 #AEAD65 #999859

Split Complementary Palette

#659290 #70A2A0 #A2718B #AB7F97 #A28871 #927A66

Square Palette

#5E8886 #70A2A0 #89789B #9B7879 #8BA271 #9EB188

Tetradic Palette

#5C8583 #70A2A0 #5C5FB7 #A27173 #B7B65C #C4C379

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #70A2A0 contains 112 red, 162 green, and 160 blue.

Contrast Ratio: 2.81:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.49:1