#49A5BC Color

Color Information

HEX#49A5BC
RGB73, 165, 188
HSL192° , 46% , 51%
HSV192° , 61% , 74%
CMYK61%, 12%, 0%, 26%

Lighter Shades

#5FB0C4 #75BBCC #8BC5D4 #A0D0DC #B6DBE4 #CCE6EC

Darker Shades

#4091A5 #377D8F #2F6A78 #265662 #1D424B #142E35

Complementary Palette

#3F8EA2 #49A5BC #A2533F #BC6049 #C57662 #62B2C5

Analogous Palette

#5B9583 #62A38F #459BB1 #49A5BC #6275A3 #6E80AA

Triadic Palette

#4091A5 #49A5BC #C83CAC #CF53B6 #ACC83C #97B035

Split Complementary Palette

#4295A9 #49A5BC #BC496B #C35B7A #BC9949 #A98A42

Square Palette

#3D8B9E #49A5BC #9455AF #AF6755 #6BBC49 #83C766

Tetradic Palette

#3C879A #49A5BC #5232D2 #BC6049 #B2D232 #C0DA57

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #49A5BC contains 73 red, 165 green, and 188 blue.

Contrast Ratio: 2.8:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.5:1