#45A5BC Color

Color Information

HEX#45A5BC
RGB69, 165, 188
HSL192° , 47% , 50%
HSV192° , 63% , 74%
CMYK63%, 12%, 0%, 26%

Lighter Shades

#5BB0C4 #72BBCC #88C5D4 #9ED0DC #B5DBE4 #CBE6EC

Darker Shades

#3D91A5 #347D8F #2C6A78 #245662 #1C424B #132E35

Complementary Palette

#3B8EA2 #45A5BC #A14F3A #BB5C44 #C5735E #5FB2C5

Analogous Palette

#579481 #5DA28D #419BB1 #45A5BC #5D72A2 #6B7EA8

Triadic Palette

#3D91A5 #45A5BC #C837AB #CF4FB5 #ABC837 #96B030

Split Complementary Palette

#3E95A9 #45A5BC #BB4468 #C25777 #BB9744 #A8883D

Square Palette

#3A8B9E #45A5BC #9250AF #AF6350 #68BB44 #80C662

Tetradic Palette

#39879A #45A5BC #4E2DD2 #BB5C44 #B1D22D #BFDA53

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45A5BC contains 69 red, 165 green, and 188 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