#6C508A + #98538C + #EC5B7C + #ECBDAB + #A3B8A9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6C508A

Deep Indigo · DarkSlateBlue · Violet

HEX

#6C508A

RGB

rgb(108, 80, 138)

HSL

hsl(269, 27%, 43%)

HSB

hsb(269, 42%, 54%)

CMYK

cmyk(22%, 42%, 0%, 46%)

Oklch

oklch(48.5% 0.095 305.4)

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

#98538C

Rose Purple · Gray · Violet

HEX

#98538C

RGB

rgb(152, 83, 140)

HSL

hsl(310, 29%, 46%)

HSB

hsb(310, 45%, 60%)

CMYK

cmyk(0%, 45%, 8%, 40%)

Oklch

oklch(54.3% 0.118 333.8)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#EC5B7C

Peach Pink · LightCoral · Coral Red

HEX

#EC5B7C

RGB

rgb(236, 91, 124)

HSL

hsl(346, 79%, 64%)

HSB

hsb(346, 61%, 93%)

CMYK

cmyk(0%, 61%, 47%, 7%)

Oklch

oklch(66.7% 0.180 9.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#ECBDAB

Apricot · LightPink · Peach Orange

HEX

#ECBDAB

RGB

rgb(236, 189, 171)

HSL

hsl(17, 63%, 80%)

HSB

hsb(17, 28%, 93%)

CMYK

cmyk(0%, 20%, 28%, 7%)

Oklch

oklch(83.5% 0.060 42.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#A3B8A9

Celadon · DarkGray · Apple Green

HEX

#A3B8A9

RGB

rgb(163, 184, 169)

HSL

hsl(137, 13%, 68%)

HSB

hsb(137, 11%, 72%)

CMYK

cmyk(11%, 0%, 8%, 28%)

Oklch

oklch(76.2% 0.031 154.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6C508A

6F8B50

Analogous

50518B

6C508A

8A508B

Triadic

6C508A

8B6D50

508B6D

Split-Comp.

6C508A

8B8A50

518B50

Tetradic

6C508A

8B5051

6F8B50

508B8A

Contrast Matrix WCAG 2.1 Contrast

6C508A	98538C	EC5B7C	ECBDAB	A3B8A9
—	1.3 Fail	2.0 Fail	3.9 AA Large	3.2 AA Large
1.3 Fail	—	1.6 Fail	3.1 AA Large	2.5 Fail
2.0 Fail	1.6 Fail	—	2.0 Fail	1.6 Fail
3.9 AA Large	3.1 AA Large	2.0 Fail	—	1.2 Fail
3.2 AA Large	2.5 Fail	1.6 Fail	1.2 Fail	—

White BG

6.7AA

5.3AA

3.3AA Large

1.7Fail

2.1Fail

Black BG

3.2AA Large

4.0AA Large

6.4AA

12.4AAA

10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

60607C

7A7A7E

ADAC74

D8D7AF

ACACAD

Deuteranopia

626479

7E837B

B6C172

DADEB0

ABA9AE

Tritanopia

6B716E

957371

E56E6C

EAB3B4

A4AFB0

Achromatopsia

5F5F5F

6E6E6E

8A8A8A

C9C9C9

B0B0B0

Shades & Tints Shades & Tints

#6C508A

Dark

Light

#98538C

Dark

Light

#EC5B7C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6c508a;
  --color-2: #98538c;
  --color-3: #ec5b7c;
  --color-4: #ecbdab;
  --color-5: #a3b8a9;
}

SCSS

$color-1: #6c508a;
$color-2: #98538c;
$color-3: #ec5b7c;
$color-4: #ecbdab;
$color-5: #a3b8a9;

TAILWIND

colors: {
  'brand-1': '#6c508a',
  'brand-2': '#98538c',
  'brand-3': '#ec5b7c',
  'brand-4': '#ecbdab',
  'brand-5': '#a3b8a9',
}

RGB Array

[108, 80, 138], [152, 83, 140], [236, 91, 124], [236, 189, 171], [163, 184, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6C508A, #98538C, #EC5B7C, #ECBDAB, #A3B8A9 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #6c508a; --color-2: #98538c; --color-3: #ec5b7c; --color-4: #ecbdab; --color-5: #a3b8a9. 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. 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