#2AAF83 Color

Color Information

HEX#2AAF83
RGB42, 175, 131
HSL160° , 61% , 43%
HSV160° , 76% , 69%
CMYK76%, 0%, 25%, 31%

Lighter Shades

#44B992 #5DC2A1 #77CCB0 #90D5BF #AADFCD #C3E9DC

Darker Shades

#259A73 #208564 #1B7054 #165B44 #114634 #0C3125

Complementary Palette

#249771 #2AAF83 #98254B #B12B57 #BC496F #48BA94

Analogous Palette

#3C904A #419B50 #27A57B #2AAF83 #418C9B #5494A0

Triadic Palette

#259A73 #2AAF83 #8820BC #963BC4 #BC8820 #A5781C

Split Complementary Palette

#269E76 #2AAF83 #B12B9A #B940A4 #B1412B #9F3B27

Square Palette

#23936E #2AAF83 #4836A6 #A6365B #9AB12B #AABD4D

Tetradic Palette

#22906B #2AAF83 #1751C4 #B12B57 #C48B17 #CFA041

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2AAF83 contains 42 red, 175 green, and 131 blue.

Contrast Ratio: 2.74:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.66:1