#5BAF97 Color

Color Information

HEX	#5BAF97
RGB	91, 175, 151
HSL	163° , 34% , 52%
HSV	163° , 48% , 69%
CMYK	48%, 0%, 14%, 31%

Lighter Shades

#6FB9A3 #82C2B0 #96CCBC #AAD5C9 #BDDFD5 #D1E9E2

Darker Shades

#509A85 #458573 #3A7061 #2F5B4F #24463C #19312A

Complementary Palette

#4E9782 #5BAF97 #964E63 #AE5B73 #B97287 #72BAA6

Analogous Palette

#688D70 #72977A #56A58E #5BAF97 #728F97 #7E98A0

Triadic Palette

#509A85 #5BAF97 #9C4FBA #A864C2 #BA9C4F #A48946

Split Complementary Palette

#529E88 #5BAF97 #AE5B9C #B66BA6 #AE6D5B #9D6252

Square Palette

#4C937F #5BAF97 #7467A2 #A26778 #9CAE5B #ACBB75

Tetradic Palette

#4B907C #5BAF97 #4569C4 #AE5B73 #C4A045 #CFB166

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5BAF97 contains 91 red, 175 green, and 151 blue.

Contrast Ratio: 2.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.14:1