#56A2B2 Color

Color Information

HEX#56A2B2
RGB86, 162, 178
HSL190° , 37% , 52%
HSV190° , 52% , 70%
CMYK52%, 9%, 0%, 30%

Lighter Shades

#6AADBB #7FB8C4 #93C3CE #A7CFD7 #BBDAE0 #D0E5E9

Darker Shades

#4C8F9D #417B87 #376872 #2D545D #224147 #182D32

Complementary Palette

#4A8B99 #56A2B2 #99584B #B26657 #BD7B6F #6EAFBD

Analogous Palette

#688D81 #70998C #5198A7 #56A2B2 #707E99 #7C89A2

Triadic Palette

#4C8F9D #56A2B2 #BE4BAB #C661B5 #ABBE4B #96A742

Split Complementary Palette

#4D92A0 #56A2B2 #B25776 #BA6884 #B29457 #A0854E

Square Palette

#488896 #56A2B2 #9064A6 #A66F64 #76B257 #8CBE72

Tetradic Palette

#478592 #56A2B2 #5841C8 #B26657 #B1C841 #BFD263

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #56A2B2 contains 86 red, 162 green, and 178 blue.

Contrast Ratio: 2.87:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.32:1