#70A5E1 Color

Color Information

HEX#70A5E1
RGB112, 165, 225
HSL212° , 65% , 66%
HSV212° , 50% , 88%
CMYK50%, 27%, 0%, 12%

Lighter Shades

#81B0E5 #92BBE8 #A3C5EC #B5D0EF #C6DBF3 #D7E6F7

Darker Shades

#6391C6 #557DAB #486A90 #3A5675 #2D425A #1F2E3F

Complementary Palette

#608EC2 #70A5E1 #C29460 #E1AC70 #E5B884 #84B2E5

Analogous Palette

#7CB9BB #81CDCF #699BD4 #70A5E1 #8481CF #8F8CD4

Triadic Palette

#6391C6 #70A5E1 #E967A4 #EC79AF #A4E967 #90CD5B

Split Complementary Palette

#6595CB #70A5E1 #E17470 #E4827E #DDE170 #C7CB65

Square Palette

#5E8BBD #70A5E1 #D879D5 #D8AB79 #70E174 #87E68A

Tetradic Palette

#5C87B9 #70A5E1 #AD60F0 #E1AC70 #A4F060 #B4F37D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #70A5E1 contains 112 red, 165 green, and 225 blue.

Contrast Ratio: 2.54:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.28:1