#54A2B9 Color

Color Information

HEX#54A2B9
RGB84, 162, 185
HSL194° , 42% , 53%
HSV194° , 55% , 73%
CMYK55%, 12%, 0%, 27%

Lighter Shades

#69ADC1 #7DB8CA #92C3D2 #A6CFDB #BBDAE3 #CFE5EB

Darker Shades

#4A8FA3 #407B8D #366876 #2C5460 #22414A #182D34

Complementary Palette

#488B9F #54A2B9 #9F5D49 #B96C55 #C3816D #6CAFC3

Analogous Palette

#689287 #6DA293 #4F98AE #54A2B9 #6D7BA2 #7986A9

Triadic Palette

#4A8FA3 #54A2B9 #C549A8 #CC5FB2 #A8C549 #94AD40

Split Complementary Palette

#4C92A7 #54A2B9 #B95570 #C0667E #B99F55 #A78F4D

Square Palette

#47889B #54A2B9 #9961AE #AE7361 #70B955 #87C470

Tetradic Palette

#458598 #54A2B9 #613FCF #B96C55 #AECF3F #BDD862

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #54A2B9 contains 84 red, 162 green, and 185 blue.

Contrast Ratio: 2.86:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.35:1