#5BBC96 Color

Color Information

HEX#5BBC96
RGB91, 188, 150
HSL156° , 42% , 55%
HSV156° , 52% , 74%
CMYK52%, 0%, 20%, 26%

Lighter Shades

#6FC4A3 #82CCAF #96D4BC #AADCC8 #BDE4D5 #D1ECE2

Darker Shades

#50A584 #458F72 #3A7860 #2F624E #244B3C #19352A

Complementary Palette

#4EA281 #5BBC96 #A24F71 #BC5C83 #C57394 #72C5A5

Analogous Palette

#6F9573 #73A578 #56B18D #5BBC96 #73A0A5 #7CA8AB

Triadic Palette

#50A584 #5BBC96 #9851C8 #A466CF #C89851 #B08647

Split Complementary Palette

#52A987 #5BBC96 #BC5CB3 #C36CBB #BC665C #A95C53

Square Palette

#4C9E7E #5BBC96 #6F68B1 #B16885 #B3BC5C #BFC776

Tetradic Palette

#4B9A7B #5BBC96 #477ED1 #BC5C83 #D19A47 #D9AC68

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5BBC96 contains 91 red, 188 green, and 150 blue.

Contrast Ratio: 2.28:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.21:1