#70A5FF Color

Color Information

HEX#70A5FF
RGB112, 165, 255
HSL218° , 100% , 72%
HSV218° , 56% , 100%
CMYK56%, 35%, 0%, 0%

Lighter Shades

#81B0FF #92BBFF #A3C5FF #B5D0FF #C6DBFF #D7E6FF

Darker Shades

#6391E0 #557DC2 #486AA3 #3A5685 #2D4266 #1F2E47

Complementary Palette

#608EDB #70A5FF #DBAF60 #FFCB70 #FFD284 #84B2FF

Analogous Palette

#77CDDA #7EE1F1 #699BF0 #70A5FF #8E7EF1 #9688F2

Triadic Palette

#6391E0 #70A5FF #FF70A5 #FF81B0 #A5FF70 #91E063

Split Complementary Palette

#6595E6 #70A5FF #FF8370 #FF8F7E #ECFF70 #D4E665

Square Palette

#5E8BD6 #70A5FF #F877E7 #F8C977 #70FF83 #87FF97

Tetradic Palette

#5C87D1 #70A5FF #CB70FF #FFCB70 #A5FF70 #B5FF8A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #70A5FF contains 112 red, 165 green, and 255 blue.

Contrast Ratio: 2.43:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.63:1