#2B917A Color

Color Information

HEX#2B917A
RGB43, 145, 122
HSL166° , 54% , 37%
HSV166° , 70% , 57%
CMYK70%, 0%, 16%, 43%

Lighter Shades

#449E8A #5EAB9A #77B9AA #91C6BA #AAD3CA #C4E0DA

Darker Shades

#26806B #216E5D #1C5D4E #164B3F #113A31 #0C2922

Complementary Palette

#257D69 #2B917A #7D253A #912B43 #A0495D #49A08D

Analogous Palette

#397449 #3E7E4F #288873 #2B917A #3E6D7E #517785

Triadic Palette

#26806B #2B917A #7F229B #8E3DA7 #9B7F22 #88701E

Split Complementary Palette

#27836E #2B917A #912B76 #9C4084 #91472B #834027

Square Palette

#247A66 #2B917A #4B3588 #883548 #76912B #8CA34D

Tetradic Palette

#237764 #2B917A #1A3AA2 #912B43 #A2831A #B39943

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2B917A contains 43 red, 145 green, and 122 blue.

Contrast Ratio: 3.82:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.5:1