#30A48F Color

Color Information

HEX#30A48F
RGB48, 164, 143
HSL169° , 55% , 42%
HSV169° , 71% , 64%
CMYK71%, 0%, 13%, 36%

Lighter Shades

#49AF9C #62BAAA #7BC5B7 #93D0C5 #ACDBD2 #C5E6E0

Darker Shades

#2A907E #247D6D #1F695C #19554A #134239 #0D2E28

Complementary Palette

#298D7B #30A48F #8F293C #A63046 #B24D60 #4DB19F

Analogous Palette

#418657 #46915D #2D9A86 #30A48F #467991 #5A8396

Triadic Palette

#2A907E #30A48F #9725B1 #A33FBA #B19725 #9C8521

Split Complementary Palette

#2B9481 #30A48F #A63081 #AF458E #A65630 #954D2B

Square Palette

#288A78 #30A48F #593B9B #9B3B4D #81A630 #95B451

Tetradic Palette

#278675 #30A48F #1D3AB9 #A63046 #B99D1D #C6AF46

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #30A48F contains 48 red, 164 green, and 143 blue.

Contrast Ratio: 3.03:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.93:1