#2B8E63 Color

Color Information

HEX#2B8E63
RGB43, 142, 99
HSL154° , 54% , 36%
HSV154° , 70% , 56%
CMYK70%, 0%, 30%, 44%

Lighter Shades

#449C76 #5EA988 #77B79B #91C4AE #AAD2C1 #C4DFD3

Darker Shades

#267D57 #216C4B #1C5B3F #164A33 #113928 #0C281C

Complementary Palette

#257A55 #2B8E63 #792449 #8D2A55 #9D486D #499E79

Analogous Palette

#38713B #3D7B41 #28855D #2B8E63 #3D777B #4F7F82

Triadic Palette

#267D57 #2B8E63 #642197 #773CA3 #976421 #85581D

Split Complementary Palette

#278059 #2B8E63 #8D2A87 #983F93 #8D312A #7F2C26

Square Palette

#247753 #2B8E63 #393384 #843356 #878D2A #9A9F4C

Tetradic Palette

#237451 #2B8E63 #1A539E #8D2A55 #9E651A #AF8143

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2B8E63 contains 43 red, 142 green, and 99 blue.

Contrast Ratio: 4.03:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.21:1