#5BA996 Color

Color Information

HEX	#5BA996
RGB	91, 169, 150
HSL	165° , 31% , 51%
HSV	165° , 46% , 66%
CMYK	46%, 0%, 11%, 34%

Lighter Shades

#6FB3A3 #82BEAF #96C8BC #AAD2C8 #BDDDD5 #D1E7E2

Darker Shades

#509584 #458072 #3A6C60 #2F584E #24443C #192F2A

Complementary Palette

#4E9181 #5BA996 #914E5F #A95B6F #B57283 #72B5A5

Analogous Palette

#668A6F #6F9579 #569F8D #5BA996 #6F8B95 #7B949D

Triadic Palette

#509584 #5BA996 #9C4FB5 #A864BE #B59C4F #9F8946

Split Complementary Palette

#529887 #5BA996 #A95B95 #B26BA0 #A96F5B #986452

Square Palette

#4C8E7E #5BA996 #75689C #9C6875 #95A95B #A6B775

Tetradic Palette

#4B8B7B #5BA996 #4563BF #A95B6F #BFA145 #CBB266

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5BA996 contains 91 red, 169 green, and 150 blue.

Contrast Ratio: 2.74:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.68:1