#56BCEC Color

Color Information

HEX#56BCEC
RGB86, 188, 236
HSL199° , 80% , 63%
HSV199° , 64% , 93%
CMYK64%, 20%, 0%, 7%

Lighter Shades

#6AC4EE #7FCCF1 #93D4F3 #A7DCF5 #BBE4F7 #D0ECFA

Darker Shades

#4CA5D0 #418FB3 #377897 #2D627B #224B5E #183542

Complementary Palette

#4AA2CB #56BCEC #CB7249 #EC8555 #EF966D #6EC5EF

Analogous Palette

#64C4B2 #68D9C5 #51B1DE #56BCEC #687DD9 #7487DC

Triadic Palette

#4CA5D0 #56BCEC #F64CC0 #F761C8 #C0F64C #A9D843

Split Complementary Palette

#4DA9D4 #56BCEC #EC5571 #EE667F #ECD055 #D4BB4D

Square Palette

#489EC6 #56BCEC #CA5FE3 #E3885F #71EC55 #88EF70

Tetradic Palette

#479AC2 #56BCEC #7F44FD #EC8555 #C3FD44 #CEFD66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #56BCEC contains 86 red, 188 green, and 236 blue.

Contrast Ratio: 2.12:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.92:1