← Back to Editor

#6E5B6C · #908C9A · #ABCBB5 · #79B5AD · #5B5F7C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6E5B6C

Rose Purple · DimGray · Charcoal

HEX
#6E5B6C
RGB
rgb(110, 91, 108)
HSL
hsl(306, 9%, 39%)
HSB
hsb(306, 17%, 43%)
CMYK
cmyk(0%, 17%, 2%, 57%)
Oklch
oklch(49.6% 0.036 329.5)

Traditional「Rose Purple」· Paint「Charcoal」· Creative Midnight Shadow

#908C9A

Ash · LightSlateGray · Silver Sand

HEX
#908C9A
RGB
rgb(144, 140, 154)
HSL
hsl(257, 6%, 58%)
HSB
hsb(257, 9%, 60%)
CMYK
cmyk(6%, 9%, 0%, 40%)
Oklch
oklch(64.8% 0.021 298.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#ABCBB5

Celadon · Silver · Apple Green

HEX
#ABCBB5
RGB
rgb(171, 203, 181)
HSL
hsl(139, 24%, 73%)
HSB
hsb(139, 16%, 80%)
CMYK
cmyk(16%, 0%, 11%, 20%)
Oklch
oklch(81.2% 0.046 155.2)

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

#79B5AD

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#79B5AD
RGB
rgb(121, 181, 173)
HSL
hsl(172, 29%, 59%)
HSB
hsb(172, 33%, 71%)
CMYK
cmyk(33%, 0%, 4%, 29%)
Oklch
oklch(73.0% 0.063 185.4)

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

#5B5F7C

Indigo · DimGray · Navy Blue

HEX
#5B5F7C
RGB
rgb(91, 95, 124)
HSL
hsl(233, 15%, 42%)
HSB
hsb(233, 27%, 49%)
CMYK
cmyk(27%, 23%, 0%, 51%)
Oklch
oklch(49.3% 0.047 278.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E5B6C
5A6C5C

Analogous

655A6C
6E5B6C
6C5A62

Triadic

6E5B6C
6B6C5A
5A6B6C

Split-Comp.

6E5B6C
626C5A
5A6C65

Tetradic

6E5B6C
6C655A
5A6C5C
5A626C

Contrast Matrix WCAG 2.1 Contrast

6E5B6C
908C9A
ABCBB5
79B5AD
5B5F7C
—
1.9
Fail
3.5
AA Large
2.7
Fail
1.0
Fail
1.9
Fail
—
1.9
Fail
1.4
Fail
1.9
Fail
3.5
AA Large
1.9
Fail
—
1.3
Fail
3.5
AA Large
2.7
Fail
1.4
Fail
1.3
Fail
—
2.7
Fail
1.0
Fail
1.9
Fail
3.5
AA Large
2.7
Fail
—
White BG
6.2AA
3.3AA Large
1.8Fail
2.3Fail
6.2AA
Black BG
3.4AA Large
6.4AA
11.9AAA
9.0AAA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

666668
8E8E97
B9B9BA
9394AF
5D5D75

Deuteranopia

676867
8F8F96
B7B5BC
908BAF
5D5C73

Tritanopia

6D6564
909493
ADBFBF
7CB0B1
5B6F6E

Achromatopsia

636363
8F8F8F
BFBFBF
A2A2A2
616161

Shades & Tints Shades & Tints

#6E5B6C

Dark
Light

#908C9A

Dark
Light

#ABCBB5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e5b6c;
  --color-2: #908c9a;
  --color-3: #abcbb5;
  --color-4: #79b5ad;
  --color-5: #5b5f7c;
}

SCSS

$color-1: #6e5b6c;
$color-2: #908c9a;
$color-3: #abcbb5;
$color-4: #79b5ad;
$color-5: #5b5f7c;

TAILWIND

colors: {
  'brand-1': '#6e5b6c',
  'brand-2': '#908c9a',
  'brand-3': '#abcbb5',
  'brand-4': '#79b5ad',
  'brand-5': '#5b5f7c',
}

RGB Array

[110, 91, 108], [144, 140, 154], [171, 203, 181], [121, 181, 173], [91, 95, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6E5B6C, #908C9A, #ABCBB5, #79B5AD, #5B5F7C 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: #6e5b6c; --color-2: #908c9a; --color-3: #abcbb5; --color-4: #79b5ad; --color-5: #5b5f7c. 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