← Back to Editor

#C6C9CE · #B38FA9 · #785073 · #57375C · #321B38

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 LibraryData Visualization

Color Details Color Details

#C6C9CE

Azure · LightGray · Pearl Gray

HEX
#C6C9CE
RGB
rgb(198, 201, 206)
HSL
hsl(218, 8%, 79%)
HSB
hsb(218, 4%, 81%)
CMYK
cmyk(4%, 2%, 0%, 19%)
Oklch
oklch(83.5% 0.008 260.7)

Traditional「Azure」· Paint「Pearl Gray」· Creative Silver Lining

#B38FA9

Mauve · DarkGray · Lilac Purple

HEX
#B38FA9
RGB
rgb(179, 143, 169)
HSL
hsl(317, 19%, 63%)
HSB
hsb(317, 20%, 70%)
CMYK
cmyk(0%, 20%, 6%, 30%)
Oklch
oklch(69.2% 0.056 336.4)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#785073

Rose Purple · DimGray · Eggplant

HEX
#785073
RGB
rgb(120, 80, 115)
HSL
hsl(308, 20%, 39%)
HSB
hsb(308, 33%, 47%)
CMYK
cmyk(0%, 33%, 4%, 53%)
Oklch
oklch(48.8% 0.074 331.1)

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

#57375C

Dark Plum · DarkSlateGray · Eggplant

HEX
#57375C
RGB
rgb(87, 55, 92)
HSL
hsl(292, 25%, 29%)
HSB
hsb(292, 40%, 36%)
CMYK
cmyk(5%, 40%, 0%, 64%)
Oklch
oklch(39.0% 0.073 322.0)

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

#321B38

Dark Plum · DarkSlateGray · Dark Purple

HEX
#321B38
RGB
rgb(50, 27, 56)
HSL
hsl(288, 35%, 16%)
HSB
hsb(288, 52%, 22%)
CMYK
cmyk(11%, 52%, 0%, 78%)
Oklch
oklch(26.7% 0.060 319.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6C9CE
CECBC5

Analogous

C5CDCE
C6C9CE
C6C5CE

Triadic

C6C9CE
CEC5C8
C8CEC5

Split-Comp.

C6C9CE
CEC6C5
CDCEC5

Tetradic

C6C9CE
CEC5CD
CECBC5
C5CEC6

Contrast Matrix WCAG 2.1 Contrast

C6C9CE
B38FA9
785073
57375C
321B38
—
1.7
Fail
4.0
AA Large
6.0
AA
9.4
AAA
1.7
Fail
—
2.3
Fail
3.5
AA Large
5.5
AA
4.0
AA Large
2.3
Fail
—
1.5
Fail
2.4
Fail
6.0
AA
3.5
AA Large
1.5
Fail
—
1.6
Fail
9.4
AAA
5.5
AA
2.4
Fail
1.6
Fail
—
White BG
1.7Fail
2.8Fail
6.6AA
10.0AAA
15.6AAA
Black BG
12.6AAA
7.4AAA
3.2AA Large
2.1Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C7CD
A3A3A3
67666B
494953
282831

Deuteranopia

C7C7CD
A6A8A1
696C69
4B4D51
292B2F

Tritanopia

C6CCCC
B19E9D
766462
554C4A
312B2A

Achromatopsia

C9C9C9
9D9D9D
606060
454545
252525

Shades & Tints Shades & Tints

#C6C9CE

Dark
Light

#B38FA9

Dark
Light

#785073

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6c9ce;
  --color-2: #b38fa9;
  --color-3: #785073;
  --color-4: #57375c;
  --color-5: #321b38;
}

SCSS

$color-1: #c6c9ce;
$color-2: #b38fa9;
$color-3: #785073;
$color-4: #57375c;
$color-5: #321b38;

TAILWIND

colors: {
  'brand-1': '#c6c9ce',
  'brand-2': '#b38fa9',
  'brand-3': '#785073',
  'brand-4': '#57375c',
  'brand-5': '#321b38',
}

RGB Array

[198, 201, 206], [179, 143, 169], [120, 80, 115], [87, 55, 92], [50, 27, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6C9CE, #B38FA9, #785073, #57375C, #321B38 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #c6c9ce; --color-2: #b38fa9; --color-3: #785073; --color-4: #57375c; --color-5: #321b38. 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 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