#70ACFF Color

Color Information

HEX#70ACFF
RGB112, 172, 255
HSL215° , 100% , 72%
HSV215° , 56% , 100%
CMYK56%, 33%, 0%, 0%

Lighter Shades

#81B6FF #92C0FF #A3CAFF #B5D4FF #C6DEFF #D7E8FF

Darker Shades

#6397E0 #5583C2 #486EA3 #3A5985 #2D4566 #1F3047

Complementary Palette

#6094DB #70ACFF #DBA960 #FFC470 #FFCC84 #84B8FF

Analogous Palette

#77D1DA #7EE7F1 #69A2F0 #70ACFF #887EF1 #9188F2

Triadic Palette

#6397E0 #70ACFF #FF70AC #FF81B6 #ACFF70 #97E063

Split Complementary Palette

#659BE6 #70ACFF #FF7C70 #FF897E #F3FF70 #DBE665

Square Palette

#5E90D6 #70ACFF #F877ED #F8C277 #70FF7C #87FF91

Tetradic Palette

#5C8DD1 #70ACFF #C470FF #FFC470 #ACFF70 #BBFF8A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #70ACFF contains 112 red, 172 green, and 255 blue.

Contrast Ratio: 2.29:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.15:1