#6A6596 Color

Color Information

HEX#6A6596
RGB106, 101, 150
HSL246° , 20% , 49%
HSV246° , 33% , 59%
CMYK29%, 33%, 0%, 41%

Lighter Shades

#7C77A3 #8E8AAF #A09CBC #B2AFC8 #C3C1D5 #D5D4E2

Darker Shades

#5D5984 #514D72 #444160 #37354E #2A283C #1E1C2A

Complementary Palette

#5B5781 #6A6596 #7D8156 #919664 #A0A57A #7F7BA5

Analogous Palette

#626F84 #6A7990 #645F8D #6A6596 #816A90 #8B7599

Triadic Palette

#5D5984 #6A6596 #A25F57 #AD726B #57A25F #4D8F54

Split Complementary Palette

#5F5B87 #6A6596 #968264 #A18F74 #789664 #6C875A

Square Palette

#59557E #6A6596 #906A79 #8C906A #649682 #7DA796

Tetradic Palette

#57537B #6A6596 #AC4DA3 #919664 #4DAC57 #6DBB75

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #6A6596 contains 106 red, 101 green, and 150 blue.

Contrast Ratio: 5.34:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.93:1