#56BDA2 Color

Color Information

HEX	#56BDA2
RGB	86, 189, 162
HSL	164° , 44% , 54%
HSV	164° , 54% , 74%
CMYK	54%, 0%, 14%, 26%

Lighter Shades

#6AC5AD #7FCDB8 #93D5C3 #A7DDCF #BBE5DA #D0EDE5

Darker Shades

#4CA68F #41907B #377968 #2D6254 #224C41 #18352D

Complementary Palette

#4AA38B #56BDA2 #A34A62 #BD5672 #C66E86 #6EC6AF

Analogous Palette

#699673 #6EA67B #51B298 #56BDA2 #6E99A6 #7AA2AE

Triadic Palette

#4CA68F #56BDA2 #A74AC9 #B260CF #C9A74A #B19341

Split Complementary Palette

#4DAA92 #56BDA2 #BD56A5 #C467AE #BD6E56 #AA634D

Square Palette

#489F88 #56BDA2 #7462B2 #B26277 #A5BD56 #B3C871

Tetradic Palette

#479B85 #56BDA2 #4168D2 #BD5672 #D2AC41 #DABB63

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #56BDA2 contains 86 red, 189 green, and 162 blue.

Contrast Ratio: 2.25:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.32:1