#30DCDF Color

Color Information

HEX#30DCDF
RGB48, 220, 223
HSL181° , 73% , 53%
HSV181° , 78% , 87%
CMYK78%, 1%, 0%, 13%

Lighter Shades

#49E0E3 #62E4E7 #7BE9EB #93EDEE #ACF1F2 #C5F5F6

Darker Shades

#2AC2C4 #24A7A9 #1F8D8F #197274 #135859 #0D3E3E

Complementary Palette

#29BDC0 #30DCDF #C02C29 #DF3330 #E3504D #4DE1E3

Analogous Palette

#45B57F #48C789 #2DCFD2 #30DCDF #4885C7 #568FCD

Triadic Palette

#2AC2C4 #30DCDF #EB24E7 #ED3EEA #E7EB24 #CBCF20

Split Complementary Palette

#2BC6C9 #30DCDF #DF3084 #E24590 #DF8A30 #C97C2B

Square Palette

#28B9BB #30DCDF #8A3CD3 #D33E3C #84DF30 #98E451

Tetradic Palette

#27B4B7 #30DCDF #1E1AF4 #DF3330 #F1F41A #F4F643

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #30DCDF contains 48 red, 220 green, and 223 blue.

Contrast Ratio: 1.68:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.52:1