#54B4D4 Color

Color Information

HEX#54B4D4
RGB84, 180, 212
HSL195° , 60% , 58%
HSV195° , 60% , 83%
CMYK60%, 15%, 0%, 17%

Lighter Shades

#69BDD9 #7DC6DE #92CFE3 #A6D8E9 #BBE1EE #CFEAF3

Darker Shades

#4A9EBB #4089A1 #367388 #2C5E6E #224855 #18323B

Complementary Palette

#489BB6 #54B4D4 #B66448 #D47454 #DA876C #6CBFDA

Analogous Palette

#63AB99 #69BFA9 #4FA9C7 #54B4D4 #697EBF #7588C2

Triadic Palette

#4A9EBB #54B4D4 #DF49B9 #E35FC1 #B9DF49 #A3C440

Split Complementary Palette

#4CA2BF #54B4D4 #D45474 #D86582 #D4B454 #BFA24C

Square Palette

#4797B2 #54B4D4 #AF5EC9 #C9795E #74D454 #8ADB6F

Tetradic Palette

#4594AE #54B4D4 #6A40E7 #D47454 #BEE740 #CAEB62

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #54B4D4 contains 84 red, 180 green, and 212 blue.

Contrast Ratio: 2.34:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.98:1