#56BBF2 Color

Color Information

HEX#56BBF2
RGB86, 187, 242
HSL201° , 86% , 64%
HSV201° , 64% , 95%
CMYK64%, 23%, 0%, 5%

Lighter Shades

#6AC3F4 #7FCBF5 #93D3F7 #A7DCF8 #BBE4FA #D0ECFB

Darker Shades

#4CA5D5 #418EB8 #37789B #2D617E #224B61 #183444

Complementary Palette

#4AA1D0 #56BBF2 #D07848 #F28C54 #F49C6C #6EC5F4

Analogous Palette

#62CBBB #67E0CE #51B0E3 #56BBF2 #6779E0 #7384E2

Triadic Palette

#4CA5D5 #56BBF2 #FB4BBE #FB61C6 #BEFB4B #A7DD42

Split Complementary Palette

#4DA8DA #56BBF2 #F2546C #F3657B #F2DA54 #DAC44C

Square Palette

#489DCB #56BBF2 #D45DE9 #E98E5D #6CF254 #84F46F

Tetradic Palette

#4799C6 #56BBF2 #8847FF #F28C54 #BFFF47 #CBFF68

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #56BBF2 contains 86 red, 187 green, and 242 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.91:1