#575680 Color

Color Information

HEX#575680
RGB87, 86, 128
HSL241° , 20% , 42%
HSV241° , 33% , 50%
CMYK32%, 33%, 0%, 50%

Lighter Shades

#6B6A8F #7F7F9E #9393AE #A8A7BD #BCBBCC #D0D0DB

Darker Shades

#4D4C71 #424161 #383752 #2D2D43 #232233 #181824

Complementary Palette

#4B4A6E #575680 #6E6F4A #808156 #92936E #6F6E92

Analogous Palette

#556272 #5B6A7B #525178 #575680 #6C5B7B #78668A

Triadic Palette

#4D4C71 #575680 #8B4B4B #996161 #4B8B4B #427A42

Split Complementary Palette

#4E4D73 #575680 #816C56 #8E7B67 #6A8156 #5F744D

Square Palette

#49486C #575680 #7B5B6A #7B7B5B #56816C #719584

Tetradic Palette

#474769 #575680 #944292 #808156 #429442 #64A764

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #575680 contains 87 red, 86 green, and 128 blue.

Contrast Ratio: 6.94:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.03:1