#70A2BC Color

Color Information

HEX#70A2BC
RGB112, 162, 188
HSL201° , 36% , 59%
HSV201° , 40% , 74%
CMYK40%, 14%, 0%, 26%

Lighter Shades

#81ADC4 #92B8CC #A3C3D4 #B5CFDC #C6DAE4 #D7E5EC

Darker Shades

#638FA5 #557B8F #486878 #3A5462 #2D414B #1F2D35

Complementary Palette

#608BA2 #70A2BC #A27861 #BC8B71 #C59B85 #84AFC5

Analogous Palette

#789B96 #86A7A2 #6998B1 #70A2BC #868BA7 #8F93AE

Triadic Palette

#638FA5 #70A2BC #C766A5 #CE78B0 #A5C766 #91AF5A

Split Complementary Palette

#6592A9 #70A2BC #BC717C #C37F89 #BCB171 #A99F66

Square Palette

#5E889E #70A2BC #A97BB2 #B28E7B #7CBC71 #91C788

Tetradic Palette

#5C859A #70A2BC #865ECF #BC8B71 #A7CF5E #B7D87B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #70A2BC contains 112 red, 162 green, and 188 blue.

Contrast Ratio: 2.72:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.71:1