← Back to Editor

#755D87 · #8F6AAB · #6A89AB · #6AABA8 · #A3AB6A

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#755D87

Dark Plum · DimGray · Violet

HEX
#755D87
RGB
rgb(117, 93, 135)
HSL
hsl(274, 18%, 45%)
HSB
hsb(274, 31%, 53%)
CMYK
cmyk(13%, 31%, 0%, 47%)
Oklch
oklch(51.8% 0.071 310.1)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#8F6AAB

Dark Plum · LightSlateGray · Violet

HEX
#8F6AAB
RGB
rgb(143, 106, 171)
HSL
hsl(274, 28%, 54%)
HSB
hsb(274, 38%, 67%)
CMYK
cmyk(16%, 38%, 0%, 33%)
Oklch
oklch(58.7% 0.105 309.6)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#6A89AB

Azure · LightSlateGray · Navy Blue

HEX
#6A89AB
RGB
rgb(106, 137, 171)
HSL
hsl(211, 28%, 54%)
HSB
hsb(211, 38%, 67%)
CMYK
cmyk(38%, 20%, 0%, 33%)
Oklch
oklch(61.9% 0.063 251.2)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#6AABA8

Mineral Blue · CadetBlue · Lake Green

HEX
#6AABA8
RGB
rgb(106, 171, 168)
HSL
hsl(177, 28%, 54%)
HSB
hsb(177, 38%, 67%)
CMYK
cmyk(38%, 0%, 2%, 33%)
Oklch
oklch(69.7% 0.067 192.0)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#A3AB6A

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A3AB6A
RGB
rgb(163, 171, 106)
HSL
hsl(67, 28%, 54%)
HSB
hsb(67, 38%, 67%)
CMYK
cmyk(5%, 0%, 38%, 33%)
Oklch
oklch(71.9% 0.088 114.4)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

755D87
70875E

Analogous

615E87
755D87
875E85

Triadic

755D87
87765E
5E8776

Split-Comp.

755D87
85875E
5E8761

Tetradic

755D87
87615E
70875E
5E8587

Contrast Matrix WCAG 2.1 Contrast

755D87
8F6AAB
6A89AB
6AABA8
A3AB6A
—
1.3
Fail
1.6
Fail
2.2
Fail
2.3
Fail
1.3
Fail
—
1.2
Fail
1.7
Fail
1.8
Fail
1.6
Fail
1.2
Fail
—
1.4
Fail
1.5
Fail
2.2
Fail
1.7
Fail
1.4
Fail
—
1.1
Fail
2.3
Fail
1.8
Fail
1.5
Fail
1.1
Fail
—
White BG
5.7AA
4.4AA Large
3.6AA Large
2.6Fail
2.4Fail
Black BG
3.7AA Large
4.8AA
5.8AA
8.0AAA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6A7D
7F7F9B
7778A3
8687A9
A6A77A

Deuteranopia

6C6E7A
818498
7673A1
827DA9
A6A57D

Tritanopia

747573
8D8F8C
6C9C9B
6DA9A9
A38689

Achromatopsia

696969
7C7C7C
848484
979797
A1A1A1

Shades & Tints Shades & Tints

#755D87

Dark
Light

#8F6AAB

Dark
Light

#6A89AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #755d87;
  --color-2: #8f6aab;
  --color-3: #6a89ab;
  --color-4: #6aaba8;
  --color-5: #a3ab6a;
}

SCSS

$color-1: #755d87;
$color-2: #8f6aab;
$color-3: #6a89ab;
$color-4: #6aaba8;
$color-5: #a3ab6a;

TAILWIND

colors: {
  'brand-1': '#755d87',
  'brand-2': '#8f6aab',
  'brand-3': '#6a89ab',
  'brand-4': '#6aaba8',
  'brand-5': '#a3ab6a',
}

RGB Array

[117, 93, 135], [143, 106, 171], [106, 137, 171], [106, 171, 168], [163, 171, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #755D87, #8F6AAB, #6A89AB, #6AABA8, #A3AB6A is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #755d87; --color-2: #8f6aab; --color-3: #6a89ab; --color-4: #6aaba8; --color-5: #a3ab6a. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color