#70A6BA Color

Color Information

HEX	#70A6BA
RGB	112, 166, 186
HSL	196° , 35% , 58%
HSV	196° , 40% , 73%
CMYK	40%, 11%, 0%, 27%

Lighter Shades

#81B1C2 #92BBCB #A3C6D3 #B5D1DB #C6DBE3 #D7E6EC

Darker Shades

#6392A4 #557E8D #486A77 #3A5661 #2D424A #1F2E34

Complementary Palette

#608FA0 #70A6BA #9F705F #B9826E #C39482 #84B2C4

Analogous Palette

#759991 #84A49C #699CAF #70A6BA #848BA4 #8D94AA

Triadic Palette

#6392A4 #70A6BA #C464AA #CB77B4 #AAC464 #96AC58

Split Complementary Palette

#6595A7 #70A6BA #B96E80 #C07D8D #B9A86E #A79763

Square Palette

#5E8B9C #70A6BA #A279AF #AF8779 #80B96E #94C485

Tetradic Palette

#5C8899 #70A6BA #795BCD #B9826E #AECD5B #BDD679

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #70A6BA contains 112 red, 166 green, and 186 blue.

Contrast Ratio: 2.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.98:1