#70A3F2 Color

Color Information

HEX#70A3F2
RGB112, 163, 242
HSL216° , 83% , 69%
HSV216° , 54% , 95%
CMYK54%, 33%, 0%, 5%

Lighter Shades

#81AEF4 #92B9F5 #A3C4F7 #B5CFF8 #C6DAFA #D7E5FB

Darker Shades

#638FD5 #557CB8 #48689B #3A557E #2D4161 #1F2E44

Complementary Palette

#608CD0 #70A3F2 #D0A35F #F2BD6E #F4C682 #84B0F4

Analogous Palette

#79C5CD #7DD8E3 #6999E3 #70A3F2 #877DE3 #948BE5

Triadic Palette

#638FD5 #70A3F2 #FA66A1 #FB78AC #A1FA66 #8EDC5A

Split Complementary Palette

#6593DA #70A3F2 #F27B6E #F3887D #E4F26E #CDDA63

Square Palette

#5E89CB #70A3F2 #EA75DF #EABC75 #6EF27B #85F490

Tetradic Palette

#5C86C6 #70A3F2 #C061FF #F2BD6E #A0FF61 #B1FF7D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #70A3F2 contains 112 red, 163 green, and 242 blue.

Contrast Ratio: 2.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.33:1