#6A6180 Color

Color Information

HEX	#6A6180
RGB	106, 97, 128
HSL	257° , 14% , 44%
HSV	257° , 24% , 50%
CMYK	17%, 24%, 0%, 50%

Lighter Shades

#7C748F #8E879E #A09AAE #B2ADBD #C3C0CC #D5D3DB

Darker Shades

#5D5571 #514A61 #443E52 #373243 #2A2733 #1E1B24

Complementary Palette

#5B536E #6A6180 #666E53 #778060 #8A9276 #7F7792

Analogous Palette

#575E75 #5F6781 #645B78 #6A6180 #7A5F81 #85688D

Triadic Palette

#5D5571 #6A6180 #8B6555 #997769 #558B65 #4B7A59

Split Complementary Palette

#5F5773 #6A6180 #807960 #8D8670 #678060 #5D7356

Square Palette

#59516C #6A6180 #815F67 #77815F #608079 #79948E

Tetradic Palette

#575069 #6A6180 #944C80 #778060 #4C9461 #6CA77D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #6A6180 contains 106 red, 97 green, and 128 blue.

Contrast Ratio: 5.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.64:1