#54B5C6 Color

Color Information

HEX	#54B5C6
RGB	84, 181, 198
HSL	189° , 50% , 55%
HSV	189° , 58% , 78%
CMYK	58%, 9%, 0%, 22%

Lighter Shades

#69BECD #7DC7D4 #92D0DB #A6D9E1 #BBE1E8 #CFEAEF

Darker Shades

#4A9FAE #408A96 #36747F #2C5E67 #22484F #183337

Complementary Palette

#489CAA #54B5C6 #AA5647 #C66453 #CE7A6B #6CBFCE

Analogous Palette

#679E89 #6AAF97 #4FAABA #54B5C6 #6A82AF #778DB6

Triadic Palette

#4A9FAE #54B5C6 #D147BC #D75DC4 #BCD147 #A5B83E

Split Complementary Palette

#4CA3B2 #54B5C6 #C6537B #CC6488 #C69D53 #B28D4B

Square Palette

#4798A6 #54B5C6 #9A5EBA #BA6C5E #7BC653 #90CF6F

Tetradic Palette

#4594A2 #54B5C6 #563EDA #C66453 #C3DA3E #CEE161

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #54B5C6 contains 84 red, 181 green, and 198 blue.

Contrast Ratio: 2.35:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.93:1