#48A5BA Color

Color Information

HEX#48A5BA
RGB72, 165, 186
HSL191° , 45% , 51%
HSV191° , 61% , 73%
CMYK61%, 11%, 0%, 27%

Lighter Shades

#5EB0C2 #74BBCB #8AC5D3 #A0D0DB #B6DBE3 #CCE6EC

Darker Shades

#3F91A4 #377D8D #2E6A77 #255661 #1D424A #142E34

Complementary Palette

#3E8EA0 #48A5BA #A05140 #BA5E4A #C47563 #62B2C4

Analogous Palette

#5C9382 #63A18E #449BAF #48A5BA #6377A1 #7082A9

Triadic Palette

#3F91A4 #48A5BA #C73DAE #CE54B8 #AEC73D #99AF36

Split Complementary Palette

#4195A7 #48A5BA #BA4A6D #C15C7C #BA974A #A78843

Square Palette

#3C8B9C #48A5BA #9256AE #AE6656 #6DBA4A #84C567

Tetradic Palette

#3B8799 #48A5BA #5033D1 #BA5E4A #B4D133 #C2D958

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #48A5BA contains 72 red, 165 green, and 186 blue.

Contrast Ratio: 2.81:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.47:1