#5492B0 Color

Color Information

HEX#5492B0
RGB84, 146, 176
HSL200° , 37% , 51%
HSV200° , 52% , 69%
CMYK52%, 17%, 0%, 31%

Lighter Shades

#699FB9 #7DACC3 #92B9CC #A6C6D6 #BBD3DF #CFE0E9

Darker Shades

#4A809B #406F86 #365D71 #2C4C5C #223A46 #182931

Complementary Palette

#487E97 #5492B0 #976348 #B07354 #BB876C #6CA1BB

Analogous Palette

#658B85 #6D9790 #4F89A5 #5492B0 #6D7497 #797FA0

Triadic Palette

#4A809B #5492B0 #BD4796 #C55DA3 #96BD47 #84A63E

Split Complementary Palette

#4C839E #5492B0 #B05463 #B86573 #B0A154 #9E914C

Square Palette

#477B94 #5492B0 #9960A4 #A47760 #63B054 #7CBD6F

Tetradic Palette

#457890 #5492B0 #6B3DC7 #B07354 #99C73D #ABD160

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5492B0 contains 84 red, 146 green, and 176 blue.

Contrast Ratio: 3.39:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.2:1