#30A2DF Color

Color Information

HEX#30A2DF
RGB48, 162, 223
HSL201° , 73% , 53%
HSV201° , 78% , 87%
CMYK78%, 27%, 0%, 13%

Lighter Shades

#49ADE3 #62B8E7 #7BC3EB #93CFEE #ACDAF2 #C5E5F6

Darker Shades

#2A8FC4 #247BA9 #1F688F #195474 #134159 #0D2D3E

Complementary Palette

#298BC0 #30A2DF #C05E29 #DF6D30 #E3814D #4DAFE3

Analogous Palette

#45B5A4 #48C7B4 #2D98D2 #30A2DF #485BC7 #5668CD

Triadic Palette

#2A8FC4 #30A2DF #EB24A5 #ED3EB0 #A5EB24 #91CF20

Split Complementary Palette

#2B92C9 #30A2DF #DF304A #E2455C #DFC430 #C9B02B

Square Palette

#2888BB #30A2DF #BC3CD3 #D3703C #4ADF30 #67E451

Tetradic Palette

#2785B7 #30A2DF #661AF4 #DF6D30 #A8F41A #B8F643

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #30A2DF contains 48 red, 162 green, and 223 blue.

Contrast Ratio: 2.82:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.46:1