#5CCC96 Color

Color Information

HEX#5CCC96
RGB92, 204, 150
HSL151° , 52% , 58%
HSV151° , 55% , 80%
CMYK55%, 0%, 26%, 20%

Lighter Shades

#70D2A3 #83D8AF #97DEBC #AAE4C8 #BEEBD5 #D1F1E2

Darker Shades

#51B484 #469B72 #3B8360 #306A4E #25523C #1A392A

Complementary Palette

#4FAF81 #5CCC96 #AF4F7E #CC5C92 #D373A1 #73D3A5

Analogous Palette

#6FA570 #72B673 #56C08D #5CCC96 #72B5B6 #7CBABB

Triadic Palette

#51B484 #5CCC96 #9651D6 #A366DB #D69651 #BC8447

Split Complementary Palette

#53B887 #5CCC96 #CC5CCA #D16CCF #CC5E5C #B85553

Square Palette

#4DAB7E #5CCC96 #6867C1 #C16792 #CACC5C #D2D476

Tetradic Palette

#4BA77B #5CCC96 #4991DF #CC5C92 #DF9649 #E5A96A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5CCC96 contains 92 red, 204 green, and 150 blue.

Contrast Ratio: 1.97:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.66:1