#70A7D2 Color

Color Information

HEX#70A7D2
RGB112, 167, 210
HSL206° , 52% , 63%
HSV206° , 47% , 82%
CMYK47%, 20%, 0%, 18%

Lighter Shades

#81B2D7 #92BCDD #A3C7E2 #B5D1E8 #C6DCED #D7E6F2

Darker Shades

#6393B9 #557FA0 #486B86 #3A576D #2D4354 #1F2F3B

Complementary Palette

#6090B5 #70A7D2 #B58460 #D29A70 #D8A884 #84B3D8

Analogous Palette

#7CABA8 #82BFBB #699DC5 #70A7D2 #8286BF #8C90C5

Triadic Palette

#6393B9 #70A7D2 #DB66A8 #DF78B2 #A8DB66 #94C15A

Split Complementary Palette

#6596BD #70A7D2 #D27076 #D77E84 #D2CB70 #BDB765

Square Palette

#5E8CB0 #70A7D2 #C379C8 #C89B79 #76D270 #8CD987

Tetradic Palette

#5C89AC #70A7D2 #985FE3 #D29A70 #A9E35F #B8E87C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #70A7D2 contains 112 red, 167 green, and 210 blue.

Contrast Ratio: 2.54:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.27:1