#30B5A2 Color

Color Information

HEX#30B5A2
RGB48, 181, 162
HSL171° , 58% , 45%
HSV171° , 73% , 71%
CMYK73%, 0%, 10%, 29%

Lighter Shades

#49BEAD #62C7B8 #7BD0C3 #93D9CF #ACE1DA #C5EAE5

Darker Shades

#2A9F8F #248A7B #1F7468 #195E54 #134841 #0D332D

Complementary Palette

#299C8B #30B5A2 #9C293A #B53044 #BF4D5E #4DBFAF

Analogous Palette

#41905D #479E66 #2DAA98 #30B5A2 #47809E #5A87A0

Triadic Palette

#2A9F8F #30B5A2 #A925C1 #B33FC8 #C1A925 #AA9521

Split Complementary Palette

#2BA392 #30B5A2 #B53087 #BC4593 #B55F30 #A3562B

Square Palette

#289888 #30B5A2 #623CAA #AA3C4C #87B530 #9AC151

Tetradic Palette

#279485 #30B5A2 #1C36CA #B53044 #CAB01C #D4BE45

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #30B5A2 contains 48 red, 181 green, and 162 blue.

Contrast Ratio: 2.51:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.37:1