← Back to Editor

#6C567C · #9CB7D5 · #2D1910 · #BC9D7E · #566093

muted

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#6C567C

Dark Plum · DimGray · Violet

HEX
#6C567C
RGB
rgb(108, 86, 124)
HSL
hsl(275, 18%, 41%)
HSB
hsb(275, 31%, 49%)
CMYK
cmyk(13%, 31%, 0%, 51%)
Oklch
oklch(49.0% 0.065 310.5)

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

#9CB7D5

Azure · LightSteelBlue · Cobalt Blue

HEX
#9CB7D5
RGB
rgb(156, 183, 213)
HSL
hsl(212, 40%, 72%)
HSB
hsb(212, 27%, 84%)
CMYK
cmyk(27%, 14%, 0%, 16%)
Oklch
oklch(76.9% 0.052 251.2)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#2D1910

Tangerine · Black · Cinnamon

HEX
#2D1910
RGB
rgb(45, 25, 16)
HSL
hsl(19, 48%, 12%)
HSB
hsb(19, 64%, 18%)
CMYK
cmyk(0%, 44%, 64%, 82%)
Oklch
oklch(23.8% 0.036 44.8)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#BC9D7E

Ginger · Tan · Warm Sun

HEX
#BC9D7E
RGB
rgb(188, 157, 126)
HSL
hsl(30, 32%, 62%)
HSB
hsb(30, 33%, 74%)
CMYK
cmyk(0%, 16%, 33%, 26%)
Oklch
oklch(71.6% 0.057 66.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#566093

Indigo · DarkSlateBlue · Navy Blue

HEX
#566093
RGB
rgb(86, 96, 147)
HSL
hsl(230, 26%, 46%)
HSB
hsb(230, 41%, 58%)
CMYK
cmyk(41%, 35%, 0%, 42%)
Oklch
oklch(50.3% 0.082 274.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6C567C
657B56

Analogous

59567B
6C567C
7B5678

Triadic

6C567C
7B6C56
567B6C

Split-Comp.

6C567C
787B56
567B59

Tetradic

6C567C
7B5956
657B56
56787B

Contrast Matrix WCAG 2.1 Contrast

6C567C
9CB7D5
2D1910
BC9D7E
566093
—
3.1
AA Large
2.6
Fail
2.5
Fail
1.1
Fail
3.1
AA Large
—
8.1
AAA
1.2
Fail
2.9
Fail
2.6
Fail
8.1
AAA
—
6.6
AA
2.8
Fail
2.5
Fail
1.2
Fail
6.6
AA
—
2.4
Fail
1.1
Fail
2.9
Fail
2.8
Fail
2.4
Fail
—
White BG
6.4AA
2.1Fail
16.7AAA
2.5Fail
6.0AA
Black BG
3.3AA Large
10.1AAA
1.3Fail
8.3AAA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

626273
A8A8CE
242412
AFAE86
5A5A87

Deuteranopia

646571
A6A4CC
262713
B0B387
5A5984

Tritanopia

6B6C6A
9DC8C7
2C1414
BA8B8D
577D7B

Achromatopsia

616161
B2B2B2
1E1E1E
A3A3A3
636363

Shades & Tints Shades & Tints

#6C567C

Dark
Light

#9CB7D5

Dark
Light

#2D1910

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6c567c;
  --color-2: #9cb7d5;
  --color-3: #2d1910;
  --color-4: #bc9d7e;
  --color-5: #566093;
}

SCSS

$color-1: #6c567c;
$color-2: #9cb7d5;
$color-3: #2d1910;
$color-4: #bc9d7e;
$color-5: #566093;

TAILWIND

colors: {
  'brand-1': '#6c567c',
  'brand-2': '#9cb7d5',
  'brand-3': '#2d1910',
  'brand-4': '#bc9d7e',
  'brand-5': '#566093',
}

RGB Array

[108, 86, 124], [156, 183, 213], [45, 25, 16], [188, 157, 126], [86, 96, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #6C567C, #9CB7D5, #2D1910, #BC9D7E, #566093 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #6c567c; --color-2: #9cb7d5; --color-3: #2d1910; --color-4: #bc9d7e; --color-5: #566093. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 muted-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