#56B1F2 Color

Color Information

HEX#56B1F2
RGB86, 177, 242
HSL205° , 86% , 64%
HSV205° , 64% , 95%
CMYK64%, 27%, 0%, 5%

Lighter Shades

#6ABAF4 #7FC4F5 #93CDF7 #A7D6F8 #BBE0FA #D0E9FB

Darker Shades

#4C9CD5 #4187B8 #37719B #2D5C7E #224761 #183244

Complementary Palette

#4A98D0 #56B1F2 #D08148 #F29654 #F4A56C #6EBCF4

Analogous Palette

#62CBC2 #67E0D6 #51A6E3 #56B1F2 #6771E0 #737DE2

Triadic Palette

#4C9CD5 #56B1F2 #FB4BB2 #FB61BB #B2FB4B #9DDD42

Split Complementary Palette

#4D9FDA #56B1F2 #F25461 #F36571 #F2E554 #DACE4C

Square Palette

#4895CB #56B1F2 #DD5DE9 #E9985D #61F254 #7AF46F

Tetradic Palette

#4791C6 #56B1F2 #9447FF #F29654 #B3FF47 #C1FF68

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #56B1F2 contains 86 red, 177 green, and 242 blue.

Contrast Ratio: 2.31:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.08:1