#2BAA82 Color

Color Information

HEX#2BAA82
RGB43, 170, 130
HSL161° , 60% , 42%
HSV161° , 75% , 67%
CMYK75%, 0%, 24%, 33%

Lighter Shades

#44B491 #5EBEA0 #77C9AF #91D3BE #AADDCD #C4E7DC

Darker Shades

#269672 #218163 #1C6D53 #165844 #114434 #0C3024

Complementary Palette

#259270 #2BAA82 #932548 #AB2B54 #B7496C #49B694

Analogous Palette

#3D8A4B #409650 #28A07A #2BAA82 #408696 #548F9C

Triadic Palette

#269672 #2BAA82 #8720B6 #953BBF #B68720 #A0771C

Split Complementary Palette

#279975 #2BAA82 #AB2B94 #B3409F #AB422B #9A3B27

Square Palette

#248F6D #2BAA82 #4936A1 #A13657 #94AB2B #A5B84D

Tetradic Palette

#238B6B #2BAA82 #184CBF #AB2B54 #BF8A18 #CB9F42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2BAA82 contains 43 red, 170 green, and 130 blue.

Contrast Ratio: 2.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.27:1