← Back to Editor

#6D5674 · #6F7E9A · #7E9B93 · #8EB08C · #A9C453

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

#6D5674

Dark Plum · DimGray · Eggplant

HEX
#6D5674
RGB
rgb(109, 86, 116)
HSL
hsl(286, 15%, 40%)
HSB
hsb(286, 26%, 45%)
CMYK
cmyk(6%, 26%, 0%, 55%)
Oklch
oklch(48.8% 0.055 318.2)

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

#6F7E9A

Azure · SlateGray · Navy Blue

HEX
#6F7E9A
RGB
rgb(111, 126, 154)
HSL
hsl(219, 18%, 52%)
HSB
hsb(219, 28%, 60%)
CMYK
cmyk(28%, 18%, 0%, 40%)
Oklch
oklch(59.1% 0.047 262.8)

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

#7E9B93

Mineral Blue · LightSlateGray · Lake Green

HEX
#7E9B93
RGB
rgb(126, 155, 147)
HSL
hsl(163, 13%, 55%)
HSB
hsb(163, 19%, 61%)
CMYK
cmyk(19%, 0%, 5%, 39%)
Oklch
oklch(66.5% 0.035 176.6)

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

#8EB08C

Celadon · DarkSeaGreen · Apple Green

HEX
#8EB08C
RGB
rgb(142, 176, 140)
HSL
hsl(117, 19%, 62%)
HSB
hsb(117, 20%, 69%)
CMYK
cmyk(19%, 0%, 20%, 31%)
Oklch
oklch(72.2% 0.063 143.5)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#A9C453

Grass Green · DarkSeaGreen · Olive Green

HEX
#A9C453
RGB
rgb(169, 196, 83)
HSL
hsl(74, 49%, 55%)
HSB
hsb(74, 58%, 77%)
CMYK
cmyk(14%, 0%, 58%, 23%)
Oklch
oklch(77.7% 0.143 121.1)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6D5674
5E7557

Analogous

5F5775
6D5674
75576D

Triadic

6D5674
756E57
57756E

Split-Comp.

6D5674
6D7557
57755F

Tetradic

6D5674
755F57
5E7557
576D75

Contrast Matrix WCAG 2.1 Contrast

6D5674
6F7E9A
7E9B93
8EB08C
A9C453
—
1.6
Fail
2.2
Fail
2.7
Fail
3.3
AA Large
1.6
Fail
—
1.4
Fail
1.7
Fail
2.1
Fail
2.2
Fail
1.4
Fail
—
1.2
Fail
1.5
Fail
2.7
Fail
1.7
Fail
1.2
Fail
—
1.2
Fail
3.3
AA Large
2.1
Fail
1.5
Fail
1.2
Fail
—
White BG
6.5AA
4.1AA Large
3.0AA Large
2.4Fail
2.0Fail
Black BG
3.2AA Large
5.1AA
7.0AA
8.7AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

63636D
757693
8B8B95
9D9D95
B5B56E

Deuteranopia

64666B
757392
898795
9B9897
B3B175

Tritanopia

6C6766
708E8D
7F9697
909C9D
AA8489

Achromatopsia

606060
7D7D7D
919191
A2A2A2
AFAFAF

Shades & Tints Shades & Tints

#6D5674

Dark
Light

#6F7E9A

Dark
Light

#7E9B93

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6d5674;
  --color-2: #6f7e9a;
  --color-3: #7e9b93;
  --color-4: #8eb08c;
  --color-5: #a9c453;
}

SCSS

$color-1: #6d5674;
$color-2: #6f7e9a;
$color-3: #7e9b93;
$color-4: #8eb08c;
$color-5: #a9c453;

TAILWIND

colors: {
  'brand-1': '#6d5674',
  'brand-2': '#6f7e9a',
  'brand-3': '#7e9b93',
  'brand-4': '#8eb08c',
  'brand-5': '#a9c453',
}

RGB Array

[109, 86, 116], [111, 126, 154], [126, 155, 147], [142, 176, 140], [169, 196, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6D5674, #6F7E9A, #7E9B93, #8EB08C, #A9C453 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: #6d5674; --color-2: #6f7e9a; --color-3: #7e9b93; --color-4: #8eb08c; --color-5: #a9c453. 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