#30A2CF Color

Color Information

HEX#30A2CF
RGB48, 162, 207
HSL197° , 62% , 50%
HSV197° , 77% , 81%
CMYK77%, 22%, 0%, 19%

Lighter Shades

#49ADD5 #62B8DB #7BC3E0 #93CFE6 #ACDAEC #C5E5F2

Darker Shades

#2A8FB6 #247B9D #1F6884 #19546C #134153 #0D2D3A

Complementary Palette

#298BB2 #30A2CF #B25029 #CF5D30 #D6744D #4DAFD6

Analogous Palette

#44A791 #4AB59E #2D98C3 #30A2CF #4A61B5 #586EBB

Triadic Palette

#2A8FB6 #30A2CF #DB24A7 #DF3EB2 #A7DB24 #93C120

Split Complementary Palette

#2B92BA #30A2CF #CF3053 #D44564 #CFAC30 #BA9B2B

Square Palette

#2888AE #30A2CF #A53DC2 #C2633D #53CF30 #6FD751

Tetradic Palette

#2785AA #30A2CF #531AE6 #CF5D30 #ACE61A #BBEB43

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #30A2CF contains 48 red, 162 green, and 207 blue.

Contrast Ratio: 2.88:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.29:1