#56A0D8 Color

Color Information

HEX#56A0D8
RGB86, 160, 216
HSL206° , 63% , 59%
HSV206° , 60% , 85%
CMYK60%, 26%, 0%, 15%

Lighter Shades

#6AABDD #7FB7E1 #93C2E6 #A7CEEB #BBD9EF #D0E4F4

Darker Shades

#4C8DBE #417AA4 #37668A #2D5370 #224056 #182D3C

Complementary Palette

#4A8ABA #56A0D8 #BA7A49 #D88E55 #DD9E6D #6EADDD

Analogous Palette

#64AFAA #69C3BD #5196CB #56A0D8 #696FC3 #7479C8

Triadic Palette

#4C8DBE #56A0D8 #E34AA1 #E660AC #A1E34A #8EC841

Split Complementary Palette

#4D90C2 #56A0D8 #D8555D #DC666D #D8D055 #C2BB4D

Square Palette

#4886B5 #56A0D8 #C65FCE #CE8F5F #5DD855 #77DE70

Tetradic Palette

#4783B1 #56A0D8 #8B42EB #D88E55 #A2EB42 #B3EF64

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #56A0D8 contains 86 red, 160 green, and 216 blue.

Contrast Ratio: 2.79:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.52:1