#54A5BB Color

Color Information

HEX#54A5BB
RGB84, 165, 187
HSL193° , 43% , 53%
HSV193° , 55% , 73%
CMYK55%, 12%, 0%, 27%

Lighter Shades

#69B0C3 #7DBBCB #92C5D3 #A6D0DC #BBDBE4 #CFE6EC

Darker Shades

#4A91A5 #407D8E #366A78 #2C5661 #22424B #182E34

Complementary Palette

#488EA1 #54A5BB #A15B48 #BB6A54 #C57F6C #6CB2C5

Analogous Palette

#669386 #6CA393 #4F9BB0 #54A5BB #6C7BA3 #7886AB

Triadic Palette

#4A91A5 #54A5BB #C748AB #CE5EB5 #ABC748 #96AF3F

Split Complementary Palette

#4C95A8 #54A5BB #BB5471 #C2657F #BB9D54 #A88D4C

Square Palette

#478B9D #54A5BB #9860AF #AF7160 #71BB54 #88C66F

Tetradic Palette

#458799 #54A5BB #5E3ED0 #BB6A54 #B1D03E #BFD861

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #54A5BB contains 84 red, 165 green, and 187 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