#30AAA0 Color

Color Information

HEX#30AAA0
RGB48, 170, 160
HSL175° , 56% , 43%
HSV175° , 72% , 67%
CMYK72%, 0%, 6%, 33%

Lighter Shades

#49B4AB #62BEB7 #7BC9C2 #93D3CE #ACDDD9 #C5E7E4

Darker Shades

#2A968D #24817A #1F6D66 #195853 #134440 #0D302D

Complementary Palette

#29928A #30AAA0 #932932 #AB303A #B74D56 #4DB6AD

Analogous Palette

#40875D #469567 #2DA096 #30AAA0 #467495 #59809B

Triadic Palette

#2A968D #30AAA0 #AA25B6 #B43FBF #B6AA25 #A09621

Split Complementary Palette

#2B9990 #30AAA0 #AB3078 #B34586 #AB6330 #9A592B

Square Palette

#288F86 #30AAA0 #653BA0 #A03B44 #78AB30 #8EB851

Tetradic Palette

#278B83 #30AAA0 #1D2ABF #AB303A #BFB11D #CBBF46

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #30AAA0 contains 48 red, 170 green, and 160 blue.

Contrast Ratio: 2.8:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.49:1