#70A6AD Color

Color Information

HEX#70A6AD
RGB112, 166, 173
HSL187° , 27% , 56%
HSV187° , 35% , 68%
CMYK35%, 4%, 0%, 32%

Lighter Shades

#81B1B7 #92BBC1 #A3C6CB #B5D1D4 #C6DBDE #D7E6E8

Darker Shades

#639298 #557E83 #486A6F #3A565A #2D4245 #1F2E30

Complementary Palette

#608F95 #70A6AD #956761 #AD7871 #B88B85 #84B2B8

Analogous Palette

#729789 #7EA093 #699CA3 #70A6AD #7E8BA0 #8A96A8

Triadic Palette

#639298 #70A6AD #B865AF #C177B9 #AFB865 #9AA259

Split Complementary Palette

#65959C #70A6AD #AD7188 #B57F94 #AD9671 #9C8766

Square Palette

#5E8B91 #70A6AD #937CA2 #A2807C #88AD71 #9BBA88

Tetradic Palette

#5C888E #70A6AD #685CC1 #AD7871 #B6C15C #C3CC79

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #70A6AD contains 112 red, 166 green, and 173 blue.

Contrast Ratio: 2.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.87:1