#70A3F0 Color

Color Information

HEX	#70A3F0
RGB	112, 163, 240
HSL	216° , 81% , 69%
HSV	216° , 53% , 94%
CMYK	53%, 32%, 0%, 6%

Lighter Shades

#81AEF2 #92B9F4 #A3C4F5 #B5CFF7 #C6DAF9 #D7E5FB

Darker Shades

#638FD3 #557CB6 #48689A #3A557D #2D4160 #1F2E43

Complementary Palette

#608CCE #70A3F0 #CEA360 #F0BD70 #F2C684 #84B0F2

Analogous Palette

#7CC3CB #80D7E0 #6999E2 #70A3F0 #8980E0 #9188E2

Triadic Palette

#638FD3 #70A3F0 #F868A2 #F97AAD #A2F868 #8FDA5C

Split Complementary Palette

#6593D8 #70A3F0 #F07D70 #F28A7E #E3F070 #CCD865

Square Palette

#5E89CA #70A3F0 #E878DD #E8BB78 #70F07D #87F292

Tetradic Palette

#5C86C5 #70A3F0 #C062FE #F0BD70 #A0FE62 #B1FE7E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #70A3F0 contains 112 red, 163 green, and 240 blue.

Contrast Ratio: 2.53:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.3:1