#4BA996 Color

Color Information

HEX#4BA996
RGB75, 169, 150
HSL168° , 39% , 48%
HSV168° , 56% , 66%
CMYK56%, 0%, 11%, 34%

Lighter Shades

#61B3A3 #76BEAF #8CC8BC #A1D2C8 #B7DDD5 #CDE7E2

Darker Shades

#429584 #398072 #306C60 #27584E #1E443C #152F2A

Complementary Palette

#419181 #4BA996 #924151 #AA4B5E #B66475 #64B5A5

Analogous Palette

#5B8668 #639271 #479F8D #4BA996 #638492 #718C98

Triadic Palette

#429584 #4BA996 #9E3EB6 #AA55BF #B69E3E #A08B37

Split Complementary Palette

#449887 #4BA996 #AA4B8D #B35D98 #AA674B #995D44

Square Palette

#3F8E7E #4BA996 #6C579E #9E5765 #8DAA4B #9FB868

Tetradic Palette

#3E8B7B #4BA996 #3551C0 #AA4B5E #C0A435 #CBB459

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4BA996 contains 75 red, 169 green, and 150 blue.

Contrast Ratio: 2.79:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.52:1