#5475AA Color

Color Information

HEX#5475AA
RGB84, 117, 170
HSL217° , 34% , 50%
HSV217° , 51% , 67%
CMYK51%, 31%, 0%, 33%

Lighter Shades

#6986B4 #7D96BE #92A7C9 #A6B7D3 #BBC8DD #CFD8E7

Darker Shades

#4A6796 #405981 #364B6D #2C3D58 #222F44 #182130

Complementary Palette

#486592 #5475AA #937748 #AB8A54 #B79A6C #6C88B6

Analogous Palette

#648387 #6C8E93 #4F6EA0 #5475AA #716C93 #7C789B

Triadic Palette

#4A6796 #5475AA #B84772 #C15D83 #72B847 #64A23E

Split Complementary Palette

#4C6999 #5475AA #AB5E54 #B36E65 #A1AB54 #919A4C

Square Palette

#47628F #5475AA #9E6197 #9E8761 #54AB5E #6FB878

Tetradic Palette

#45608B #5475AA #8F3DC2 #AB8A54 #70C23D #8ACD60

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5475AA contains 84 red, 117 green, and 170 blue.

Contrast Ratio: 4.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.54:1