#70AAF0 Color

Color Information

HEX#70AAF0
RGB112, 170, 240
HSL213° , 81% , 69%
HSV213° , 53% , 94%
CMYK53%, 29%, 0%, 6%

Lighter Shades

#81B4F2 #92BEF4 #A3C9F5 #B5D3F7 #C6DDF9 #D7E7FB

Darker Shades

#6396D3 #5581B6 #486D9A #3A587D #2D4460 #1F3043

Complementary Palette

#6092CE #70AAF0 #CE9D60 #F0B670 #F2C084 #84B6F2

Analogous Palette

#7CC7CB #80DBE0 #69A0E2 #70AAF0 #8580E0 #8C88E2

Triadic Palette

#6396D3 #70AAF0 #F868A9 #F97AB3 #A9F868 #95DA5C

Split Complementary Palette

#6599D8 #70AAF0 #F07670 #F2847E #EAF070 #D3D865

Square Palette

#5E8FCA #70AAF0 #E878E2 #E8B678 #70F076 #87F28C

Tetradic Palette

#5C8BC5 #70AAF0 #B862FE #F0B670 #A8FE62 #B8FE7E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #70AAF0 contains 112 red, 170 green, and 240 blue.

Contrast Ratio: 2.38:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.82:1