#5492D0 Color

Color Information

HEX#5492D0
RGB84, 146, 208
HSL210° , 57% , 57%
HSV210° , 60% , 82%
CMYK60%, 30%, 0%, 18%

Lighter Shades

#699FD6 #7DACDB #92B9E1 #A6C6E7 #BBD3EC #CFE0F2

Darker Shades

#4A80B7 #406F9E #365D85 #2C4C6C #223A53 #18293A

Complementary Palette

#487EB3 #5492D0 #B37D47 #D09153 #D7A06B #6CA1D7

Analogous Palette

#64A6A6 #69BABA #4F89C4 #5492D0 #6969BA #7777C0

Triadic Palette

#4A80B7 #5492D0 #DB4891 #DF5E9E #91DB48 #80C13F

Split Complementary Palette

#4C83BB #5492D0 #D05353 #D56464 #D0D053 #BBBB4B

Square Palette

#477BAF #5492D0 #C55EC5 #C5915E #53D053 #6FD86F

Tetradic Palette

#4578AB #5492D0 #913FE4 #D09153 #91E43F #A5E962

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5492D0 contains 84 red, 146 green, and 208 blue.

Contrast Ratio: 3.24:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.49:1