#696284 Color

Color Information

HEX#696284
RGB105, 98, 132
HSL252° , 15% , 45%
HSV252° , 26% , 52%
CMYK20%, 26%, 0%, 48%

Lighter Shades

#7B7593 #8D88A2 #9F9BB0 #B1ADBF #C3C0CE #D5D3DD

Darker Shades

#5C5674 #504A64 #433F54 #373345 #2A2735 #1D1B25

Complementary Palette

#5A5472 #696284 #6C7254 #7D8462 #8F9578 #7E7895

Analogous Palette

#596278 #626C84 #635C7C #696284 #7A6284 #886C93

Triadic Palette

#5C5674 #696284 #8F6156 #9C746A #568F61 #4C7E55

Split Complementary Palette

#5F5877 #696284 #847A62 #908772 #6C8462 #617758

Square Palette

#58526F #696284 #84626C #7D8462 #62847A #7B988F

Tetradic Palette

#56506C #696284 #994D89 #7D8462 #4D995B #6DAB79

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #696284 contains 105 red, 98 green, and 132 blue.

Contrast Ratio: 5.69:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.69:1