#30B69D Color

Color Information

HEX#30B69D
RGB48, 182, 157
HSL169° , 58% , 45%
HSV169° , 74% , 71%
CMYK74%, 0%, 14%, 29%

Lighter Shades

#49BFA9 #62C8B5 #7BD0C0 #93D9CC #ACE2D8 #C5EBE4

Darker Shades

#2AA08A #248A77 #1F7464 #195F52 #13493F #0D332C

Complementary Palette

#299D87 #30B69D #9C293F #B53049 #BF4D62 #4DC0AB

Analogous Palette

#41905A #479E63 #2DAB94 #30B69D #47839E #5A8AA0

Triadic Palette

#2AA08A #30B69D #A425C1 #AF3FC8 #C1A425 #AA9021

Split Complementary Palette

#2BA48D #30B69D #B5308B #BC4597 #B55A30 #A3512B

Square Palette

#289984 #30B69D #5F3CAA #AA3C50 #8BB530 #9EC151

Tetradic Palette

#279581 #30B69D #1C3CCA #B53049 #CAAA1C #D4B945

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #30B69D contains 48 red, 182 green, and 157 blue.

Contrast Ratio: 2.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.42:1