#2DCA96 Color

Color Information

HEX#2DCA96
RGB45, 202, 150
HSL160° , 64% , 48%
HSV160° , 78% , 79%
CMYK78%, 0%, 26%, 21%

Lighter Shades

#46D0A3 #5FD7AF #79DDBC #92E3C8 #ABEAD5 #C4F0E2

Darker Shades

#28B284 #229A72 #1D8160 #17694E #12513C #0D392A

Complementary Palette

#27AE81 #2DCA96 #AD2653 #C92C60 #D14A76 #4AD1A5

Analogous Palette

#3FA24F #45B056 #2ABE8D #2DCA96 #459EB0 #55A4B4

Triadic Palette

#28B284 #2DCA96 #9920D5 #A53BDA #D59920 #BB871C

Split Complementary Palette

#29B687 #2DCA96 #C92CAF #CE41B7 #C9462C #B53F28

Square Palette

#26AA7E #2DCA96 #4E38BC #BC3864 #AFC92C #BCD24E

Tetradic Palette

#25A67B #2DCA96 #1659DF #C92C60 #DF9C16 #E5AE40

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2DCA96 contains 45 red, 202 green, and 150 blue.

Contrast Ratio: 2.08:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.11:1