#30BAD0 Color

Color Information

HEX#30BAD0
RGB48, 186, 208
HSL188° , 63% , 50%
HSV188° , 77% , 82%
CMYK77%, 11%, 0%, 18%

Lighter Shades

#49C2D6 #62CBDB #7BD3E1 #93DBE7 #ACE3EC #C5ECF2

Darker Shades

#2AA4B7 #248D9E #1F7785 #19616C #134A53 #0D343A

Complementary Palette

#29A0B3 #30BAD0 #B33B28 #D0452F #D75F4C #4DC4D7

Analogous Palette

#43A883 #49B68E #2DAFC4 #30BAD0 #4971B6 #577CBC

Triadic Palette

#2AA4B7 #30BAD0 #DD22C4 #E13DCB #C4DD22 #ACC21E

Split Complementary Palette

#2BA7BB #30BAD0 #D02F6A #D54479 #D0952F #BB862A

Square Palette

#289CAF #30BAD0 #923CC3 #C34E3C #6AD02F #82D850

Tetradic Palette

#2799AB #30BAD0 #3418E7 #D0452F #CBE718 #D4EB42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #30BAD0 contains 48 red, 186 green, and 208 blue.

Contrast Ratio: 2.29:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.18:1