#70AACE Color

Color Information

HEX	#70AACE
RGB	112, 170, 206
HSL	203° , 49% , 62%
HSV	203° , 46% , 81%
CMYK	46%, 17%, 0%, 19%

Lighter Shades

#81B4D4 #92BEDA #A3C9E0 #B5D3E6 #C6DDEB #D7E7F1

Darker Shades

#6396B5 #55819D #486D84 #3A586B #2D4452 #1F303A

Complementary Palette

#6092B1 #70AACE #B17E5F #CE936F #D5A283 #84B6D5

Analogous Palette

#7BA7A2 #82BAB4 #69A0C2 #70AACE #8289BA #8C92C0

Triadic Palette

#6396B5 #70AACE #D765AB #DC77B5 #ABD765 #96BD59

Split Complementary Palette

#6599B9 #70AACE #CE6F7A #D37D87 #CEC36F #B9B064

Square Palette

#5E8FAD #70AACE #BB78C4 #C49578 #7ACE6F #8FD686

Tetradic Palette

#5C8BA9 #70AACE #8F5DDF #CE936F #ADDF5D #BCE57A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #70AACE contains 112 red, 170 green, and 206 blue.

Contrast Ratio: 2.48:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.46:1