#54A5B3 Color

Color Information

HEX#54A5B3
RGB84, 165, 179
HSL189° , 38% , 52%
HSV189° , 53% , 70%
CMYK53%, 8%, 0%, 30%

Lighter Shades

#69B0BC #7DBBC5 #92C5CE #A6D0D7 #BBDBE1 #CFE6EA

Darker Shades

#4A919E #407D88 #366A73 #2C565D #224248 #182E32

Complementary Palette

#488E9A #54A5B3 #9A564A #B36456 #BE7A6E #6CB2BE

Analogous Palette

#688D80 #6F9B8B #4F9BA8 #54A5B3 #6F7E9B #7B89A3

Triadic Palette

#4A919E #54A5B3 #BF4AAE #C760B8 #AEBF4A #99A841

Split Complementary Palette

#4C95A1 #54A5B3 #B35677 #BB6785 #B39356 #A1844D

Square Palette

#478B96 #54A5B3 #8F62A7 #A76D62 #77B356 #8DBF71

Tetradic Palette

#458793 #54A5B3 #5540C9 #B36456 #B5C940 #C2D362

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #54A5B3 contains 84 red, 165 green, and 179 blue.

Contrast Ratio: 2.79:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.52:1