← Back to Editor

#A28FAD · #89799D · #665B7D · #61516E · #6E5471

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

#A28FAD

Lilac · DarkGray · Lilac Purple

HEX
#A28FAD
RGB
rgb(162, 143, 173)
HSL
hsl(278, 15%, 62%)
HSB
hsb(278, 17%, 68%)
CMYK
cmyk(6%, 17%, 0%, 32%)
Oklch
oklch(67.7% 0.048 313.2)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#89799D

Deep Indigo · LightSlateGray · Violet

HEX
#89799D
RGB
rgb(137, 121, 157)
HSL
hsl(267, 16%, 55%)
HSB
hsb(267, 23%, 62%)
CMYK
cmyk(13%, 23%, 0%, 38%)
Oklch
oklch(60.4% 0.057 305.0)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#665B7D

Deep Indigo · DimGray · Navy Blue

HEX
#665B7D
RGB
rgb(102, 91, 125)
HSL
hsl(259, 16%, 42%)
HSB
hsb(259, 27%, 49%)
CMYK
cmyk(18%, 27%, 0%, 51%)
Oklch
oklch(49.5% 0.055 299.2)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#61516E

Dark Plum · DimGray · Eggplant

HEX
#61516E
RGB
rgb(97, 81, 110)
HSL
hsl(273, 15%, 37%)
HSB
hsb(273, 26%, 43%)
CMYK
cmyk(12%, 26%, 0%, 57%)
Oklch
oklch(46.2% 0.050 309.5)

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

#6E5471

Dark Plum · DimGray · Eggplant

HEX
#6E5471
RGB
rgb(110, 84, 113)
HSL
hsl(294, 15%, 39%)
HSB
hsb(294, 26%, 44%)
CMYK
cmyk(3%, 26%, 0%, 56%)
Oklch
oklch(48.3% 0.056 322.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A28FAD
9AAD90

Analogous

9390AD
A28FAD
AD90A9

Triadic

A28FAD
ADA290
90ADA2

Split-Comp.

A28FAD
A9AD90
90AD93

Tetradic

A28FAD
AD9390
9AAD90
90A9AD

Contrast Matrix WCAG 2.1 Contrast

A28FAD
89799D
665B7D
61516E
6E5471
—
1.3
Fail
2.1
Fail
2.4
Fail
2.2
Fail
1.3
Fail
—
1.6
Fail
1.8
Fail
1.7
Fail
2.1
Fail
1.6
Fail
—
1.2
Fail
1.1
Fail
2.4
Fail
1.8
Fail
1.2
Fail
—
1.1
Fail
2.2
Fail
1.7
Fail
1.1
Fail
1.1
Fail
—
White BG
3.0Fail
4.0AA Large
6.3AA
7.2AAA
6.6AA
Black BG
7.1AAA
5.3AA
3.4AA Large
2.9Fail
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9AA6
828294
616175
5A5A67
63636A

Deuteranopia

9B9CA4
838492
626373
5B5C65
646668

Tritanopia

A1A09F
888D8C
656E6D
606160
6D6463

Achromatopsia

989898
828282
626262
595959
5F5F5F

Shades & Tints Shades & Tints

#A28FAD

Dark
Light

#89799D

Dark
Light

#665B7D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a28fad;
  --color-2: #89799d;
  --color-3: #665b7d;
  --color-4: #61516e;
  --color-5: #6e5471;
}

SCSS

$color-1: #a28fad;
$color-2: #89799d;
$color-3: #665b7d;
$color-4: #61516e;
$color-5: #6e5471;

TAILWIND

colors: {
  'brand-1': '#a28fad',
  'brand-2': '#89799d',
  'brand-3': '#665b7d',
  'brand-4': '#61516e',
  'brand-5': '#6e5471',
}

RGB Array

[162, 143, 173], [137, 121, 157], [102, 91, 125], [97, 81, 110], [110, 84, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A28FAD, #89799D, #665B7D, #61516E, #6E5471 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: #a28fad; --color-2: #89799d; --color-3: #665b7d; --color-4: #61516e; --color-5: #6e5471. 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