#5BCD96 Color

Color Information

HEX#5BCD96
RGB91, 205, 150
HSL151° , 53% , 58%
HSV151° , 56% , 80%
CMYK56%, 0%, 27%, 20%

Lighter Shades

#6FD3A3 #82D9AF #96DFBC #AAE5C8 #BDEBD5 #D1F1E2

Darker Shades

#50B484 #459C72 #3A8360 #2F6B4E #24523C #19392A

Complementary Palette

#4EB081 #5BCD96 #B04E7E #CD5B92 #D472A1 #72D4A5

Analogous Palette

#6EA66E #71B772 #56C18D #5BCD96 #71B6B7 #7BBBBC

Triadic Palette

#50B484 #5BCD96 #9650D7 #A365DC #D79650 #BD8446

Split Complementary Palette

#52B987 #5BCD96 #CD5BCB #D26BD0 #CD5D5B #B95452

Square Palette

#4CAC7E #5BCD96 #6766C2 #C26692 #CBCD5B #D3D575

Tetradic Palette

#4BA87B #5BCD96 #4891E0 #CD5B92 #E09648 #E6A969

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5BCD96 contains 91 red, 205 green, and 150 blue.

Contrast Ratio: 1.96:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.74:1