#5492A3 Color

Color Information

HEX	#5492A3
RGB	84, 146, 163
HSL	193° , 32% , 48%
HSV	193° , 48% , 64%
CMYK	48%, 10%, 0%, 36%

Lighter Shades

#699FAE #7DACB9 #92B9C4 #A6C6CF #BBD3DA #CFE0E5

Darker Shades

#4A808F #406F7C #365D68 #2C4C55 #223A41 #18292E

Complementary Palette

#487E8C #5492A3 #8B5647 #A26453 #AF7A6B #6CA1B0

Analogous Palette

#5F8177 #688D82 #4F8999 #5492A3 #68728D #727D97

Triadic Palette

#4A808F #5492A3 #AE4798 #B85DA4 #98AE47 #86993E

Split Complementary Palette

#4C8393 #5492A3 #A25369 #AB6478 #A28B53 #927D4B

Square Palette

#477B89 #5492A3 #865F95 #956B5F #69A253 #81B16F

Tetradic Palette

#457886 #5492A3 #583DB8 #A26453 #9DB83D #AFC560

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5492A3 contains 84 red, 146 green, and 163 blue.

Contrast Ratio: 3.44:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.1:1