#30A3BF Color

Color Information

HEX#30A3BF
RGB48, 163, 191
HSL192° , 60% , 47%
HSV192° , 75% , 75%
CMYK75%, 15%, 0%, 25%

Lighter Shades

#49AEC7 #62B9CE #7BC4D6 #93CFDE #ACDAE5 #C5E5ED

Darker Shades

#2A8FA8 #247C91 #1F687A #195563 #13414C #0D2E35

Complementary Palette

#298CA4 #30A3BF #A54229 #C04D30 #C9664D #4DB0C8

Analogous Palette

#429A7F #48A88B #2D99B4 #30A3BF #4865A8 #5972AB

Triadic Palette

#2A8FA8 #30A3BF #CC24AA #D23EB4 #AACC24 #96B420

Split Complementary Palette

#2B93AC #30A3BF #C0305B #C6456B #C09530 #AD862B

Square Palette

#2889A0 #30A3BF #903CB4 #B4543C #5BC030 #75CA51

Tetradic Palette

#27869D #30A3BF #401AD5 #C04D30 #B0D51A #BEDD43

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #30A3BF contains 48 red, 163 green, and 191 blue.

Contrast Ratio: 2.91:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.22:1