#54A5B7 Color

Color Information

HEX#54A5B7
RGB84, 165, 183
HSL191° , 41% , 52%
HSV191° , 54% , 72%
CMYK54%, 10%, 0%, 28%

Lighter Shades

#69B0C0 #7DBBC8 #92C5D1 #A6D0DA #BBDBE2 #CFE6EB

Darker Shades

#4A91A1 #407D8B #366A75 #2C565F #224249 #182E33

Complementary Palette

#488E9D #54A5B7 #9D5747 #B76552 #C17B6A #6CB2C1

Analogous Palette

#649082 #6B9E8E #4F9BAC #54A5B7 #6B7B9E #7786A6

Triadic Palette

#4A91A1 #54A5B7 #C346AC #CA5CB6 #ACC346 #97AC3E

Split Complementary Palette

#4C95A5 #54A5B7 #B75272 #BE6380 #B79752 #A5884A

Square Palette

#478B9A #54A5B7 #935FAB #AB6D5F #72B752 #89C36E

Tetradic Palette

#458796 #54A5B7 #573CCD #B76552 #B2CD3C #C0D65F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #54A5B7 contains 84 red, 165 green, and 183 blue.

Contrast Ratio: 2.78:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.55:1