#2BBA93 Color

Color Information

HEX#2BBA93
RGB43, 186, 147
HSL164° , 62% , 45%
HSV164° , 77% , 73%
CMYK77%, 0%, 21%, 27%

Lighter Shades

#44C2A0 #5ECBAD #77D3BA #91DBC7 #AAE3D4 #C4ECE1

Darker Shades

#26A481 #218D70 #1C775E #16614C #114A3B #0C3429

Complementary Palette

#25A07E #2BBA93 #A02647 #BA2C52 #C44A6A #49C4A2

Analogous Palette

#3D9451 #43A359 #28AF8A #2BBA93 #438CA3 #5795A8

Triadic Palette

#26A481 #2BBA93 #9920C5 #A53BCC #C59920 #AD871C

Split Complementary Palette

#27A784 #2BBA93 #BA2C99 #C141A3 #BA4D2C #A74528

Square Palette

#249C7B #2BBA93 #5337AE #AE3757 #99BA2C #A9C54E

Tetradic Palette

#239979 #2BBA93 #1748CF #BA2C52 #CF9E17 #D8AF41

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2BBA93 contains 43 red, 186 green, and 147 blue.

Contrast Ratio: 2.43:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.66:1