#2CA591 Color

Color Information

HEX#2CA591
RGB44, 165, 145
HSL170° , 58% , 41%
HSV170° , 73% , 65%
CMYK73%, 0%, 12%, 35%

Lighter Shades

#45B09E #5FBBAB #78C5B9 #91D0C6 #ABDBD3 #C4E6E0

Darker Shades

#279180 #217D6E #1C6A5D #17564B #12423A #0C2E29

Complementary Palette

#268E7D #2CA591 #8E2637 #A52C40 #B24A5B #4AB2A0

Analogous Palette

#3C8655 #41905B #299B88 #2CA591 #417690 #548096

Triadic Palette

#279180 #2CA591 #9821B0 #A43CB9 #B09821 #9B861D

Split Complementary Palette

#289583 #2CA591 #A52C7D #AE418A #A5542C #954C28

Square Palette

#258B7A #2CA591 #58369B #9B3647 #7DA52C #92B34E

Tetradic Palette

#248777 #2CA591 #1934B8 #A52C40 #B89E19 #C5AF42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2CA591 contains 44 red, 165 green, and 145 blue.

Contrast Ratio: 3:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7:1