#5476C6 Color

Color Information

HEX#5476C6
RGB84, 118, 198
HSL222° , 50% , 55%
HSV222° , 58% , 78%
CMYK58%, 40%, 0%, 22%

Lighter Shades

#6986CD #7D97D4 #92A7DB #A6B8E1 #BBC8E8 #CFD9EF

Darker Shades

#4A68AE #405A96 #364C7F #2C3D67 #222F4F #182137

Complementary Palette

#4865AA #5476C6 #AA8C47 #C6A353 #CEB06B #6C89CE

Analogous Palette

#67939E #6AA1AF #4F6FBA #5476C6 #786AAF #8477B6

Triadic Palette

#4A68AE #5476C6 #D14771 #D75D82 #71D147 #63B83E

Split Complementary Palette

#4C6AB2 #5476C6 #C66A53 #CC7964 #AFC653 #9EB24B

Square Palette

#4763A6 #5476C6 #BA5EA8 #BA9F5E #53C66A #6FCF82

Tetradic Palette

#4561A2 #5476C6 #AB3EDA #C6A353 #6DDA3E #87E161

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5476C6 contains 84 red, 118 green, and 198 blue.

Contrast Ratio: 4.35:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.82:1