#70A2E1 Color

Color Information

HEX#70A2E1
RGB112, 162, 225
HSL213° , 65% , 66%
HSV213° , 50% , 88%
CMYK50%, 28%, 0%, 12%

Lighter Shades

#81ADE5 #92B8E8 #A3C3EC #B5CFEF #C6DAF3 #D7E5F7

Darker Shades

#638FC6 #557BAB #486890 #3A5475 #2D415A #1F2D3F

Complementary Palette

#608BC2 #70A2E1 #C29660 #E1AE70 #E5B984 #84AFE5

Analogous Palette

#7CB8BB #81CBCF #6998D4 #70A2E1 #8581CF #908CD4

Triadic Palette

#638FC6 #70A2E1 #E967A2 #EC79AD #A2E967 #8FCD5B

Split Complementary Palette

#6592CB #70A2E1 #E17670 #E4847E #DBE170 #C5CB65

Square Palette

#5E88BD #70A2E1 #D879D3 #D8AD79 #70E176 #87E68C

Tetradic Palette

#5C85B9 #70A2E1 #AF60F0 #E1AE70 #A1F060 #B2F37D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #70A2E1 contains 112 red, 162 green, and 225 blue.

Contrast Ratio: 2.6:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.06:1