#48A5C7 Color

Color Information

HEX#48A5C7
RGB72, 165, 199
HSL196° , 53% , 53%
HSV196° , 64% , 78%
CMYK64%, 17%, 0%, 22%

Lighter Shades

#5EB0CE #74BBD4 #8AC5DB #A0D0E2 #B6DBE9 #CCE6EF

Darker Shades

#3F91AF #377D97 #2E6A7F #255667 #1D4250 #142E38

Complementary Palette

#3E8EAB #48A5C7 #AB5B3E #C76A48 #CF7F62 #62B2CF

Analogous Palette

#5B9F8F #60AF9C #449BBB #48A5C7 #6072AF #6D7DB6

Triadic Palette

#3F91AF #48A5C7 #D33CAA #D853B4 #AAD33C #96BA35

Split Complementary Palette

#4195B3 #48A5C7 #C74865 #CD5A74 #C7A948 #B39841

Square Palette

#3C8BA7 #48A5C7 #A354BB #BB6F54 #65C748 #7ED065

Tetradic Palette

#3B87A3 #48A5C7 #5F32DC #C76A48 #AFDC32 #BDE257

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #48A5C7 contains 72 red, 165 green, and 199 blue.

Contrast Ratio: 2.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.59:1