#686880 Color

Color Information

HEX#686880
RGB104, 104, 128
HSL240° , 10% , 45%
HSV240° , 19% , 50%
CMYK19%, 19%, 0%, 50%

Lighter Shades

#7A7A8F #8C8C9E #9E9EAE #B0B0BD #C3C3CC #D5D5DB

Darker Shades

#5C5C71 #4F4F61 #434352 #363643 #2A2A33 #1D1D24

Complementary Palette

#59596E #686880 #6C6C59 #7E7E67 #90907C #7D7D92

Analogous Palette

#596978 #627384 #626278 #686880 #736284 #7E6A90

Triadic Palette

#5C5C71 #686880 #8A5C5C #987070 #5C8A5C #517951

Split Complementary Palette

#5E5E73 #686880 #7E7367 #8B8176 #737E67 #68715D

Square Palette

#57576C #686880 #846273 #848462 #677E73 #7F9389

Tetradic Palette

#555569 #686880 #935393 #7E7E67 #539353 #72A672

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #686880 contains 104 red, 104 green, and 128 blue.

Contrast Ratio: 5.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.9:1