#56A4DE Color

Color Information

HEX#56A4DE
RGB86, 164, 222
HSL206° , 67% , 60%
HSV206° , 61% , 87%
CMYK61%, 26%, 0%, 13%

Lighter Shades

#6AAFE2 #7FBAE6 #93C5EA #A7D0EE #BBDBF2 #D0E6F6

Darker Shades

#4C90C3 #417DA9 #37698E #2D5573 #224259 #182E3E

Complementary Palette

#4A8DBF #56A4DE #BE7C49 #DD9055 #E2A06D #6EB1E3

Analogous Palette

#64B4AF #69C9C3 #519AD1 #56A4DE #696FC9 #747ACD

Triadic Palette

#4C90C3 #56A4DE #E84AA3 #EB60AE #A3E84A #8FCC41

Split Complementary Palette

#4D94C8 #56A4DE #DD555E #E0666E #DDD455 #C7BF4D

Square Palette

#488ABA #56A4DE #CB5FD3 #D3915F #5EDD55 #78E270

Tetradic Palette

#4786B6 #56A4DE #8D42F0 #DD9055 #A5F042 #B5F364

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #56A4DE contains 86 red, 164 green, and 222 blue.

Contrast Ratio: 2.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.87:1