#30AADC Color

Color Information

HEX	#30AADC
RGB	48, 170, 220
HSL	197° , 71% , 53%
HSV	197° , 78% , 86%
CMYK	78%, 23%, 0%, 14%

Lighter Shades

#49B4E0 #62BEE4 #7BC9E9 #93D3ED #ACDDF1 #C5E7F5

Darker Shades

#2A96C2 #2481A7 #1F6D8D #195872 #134458 #0D303E

Complementary Palette

#2992BD #30AADC #BD542B #DC6232 #E1784F #4DB6E1

Analogous Palette

#47B39B #4AC4AA #2DA0CF #30AADC #4A65C4 #5972C9

Triadic Palette

#2A96C2 #30AADC #E826B1 #EB40BA #B1E826 #9CCC21

Split Complementary Palette

#2B99C6 #30AADC #DC3257 #E04768 #DCB732 #C6A52D

Square Palette

#288FB9 #30AADC #B13ED0 #D0673E #57DC32 #72E253

Tetradic Palette

#278BB4 #30AADC #591CF2 #DC6232 #B5F21C #C2F445

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #30AADC contains 48 red, 170 green, and 220 blue.

Contrast Ratio: 2.62:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.01:1