← Back to Editor

#4E2839 · #897C7F · #A9A6A3 · #C6C8BD · #E8E8CF

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#4E2839

Dark Violet · DarkSlateGray · Raspberry

HEX
#4E2839
RGB
rgb(78, 40, 57)
HSL
hsl(333, 32%, 23%)
HSB
hsb(333, 49%, 31%)
CMYK
cmyk(0%, 49%, 27%, 69%)
Oklch
oklch(33.3% 0.061 352.7)

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

#897C7F

Ash · Gray · Warm Gray

HEX
#897C7F
RGB
rgb(137, 124, 127)
HSL
hsl(346, 5%, 51%)
HSB
hsb(346, 9%, 54%)
CMYK
cmyk(0%, 9%, 7%, 46%)
Oklch
oklch(59.9% 0.016 1.9)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#A9A6A3

Ash · DarkGray · Silver Sand

HEX
#A9A6A3
RGB
rgb(169, 166, 163)
HSL
hsl(30, 3%, 65%)
HSB
hsb(30, 4%, 66%)
CMYK
cmyk(0%, 2%, 4%, 34%)
Oklch
oklch(72.7% 0.006 67.7)

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

#C6C8BD

Willow Green · Silver · Pearl Gray

HEX
#C6C8BD
RGB
rgb(198, 200, 189)
HSL
hsl(71, 9%, 76%)
HSB
hsb(71, 5%, 78%)
CMYK
cmyk(1%, 0%, 5%, 22%)
Oklch
oklch(82.8% 0.015 115.1)

Traditional「Willow Green」· Paint「Pearl Gray」· Creative Silver Lining

#E8E8CF

Fresh Green · Beige · Lemon Cream

HEX
#E8E8CF
RGB
rgb(232, 232, 207)
HSL
hsl(60, 35%, 86%)
HSB
hsb(60, 11%, 91%)
CMYK
cmyk(0%, 0%, 11%, 9%)
Oklch
oklch(92.4% 0.033 107.0)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4E2839
284D3D

Analogous

4D284C
4E2839
4D2A28

Triadic

4E2839
394D28
28394D

Split-Comp.

4E2839
284D2A
284C4D

Tetradic

4E2839
4C4D28
284D3D
2A284D

Contrast Matrix WCAG 2.1 Contrast

4E2839
897C7F
A9A6A3
C6C8BD
E8E8CF
—
3.1
AA Large
5.1
AA
7.4
AAA
10.0
AAA
3.1
AA Large
—
1.7
Fail
2.4
Fail
3.2
AA Large
5.1
AA
1.7
Fail
—
1.4
Fail
1.9
Fail
7.4
AAA
2.4
Fail
1.4
Fail
—
1.4
Fail
10.0
AAA
3.2
AA Large
1.9
Fail
1.4
Fail
—
White BG
12.5AAA
4.0AA Large
2.4Fail
1.7Fail
1.2Fail
Black BG
1.7Fail
5.3AA
8.7AAA
12.4AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3D35
83837E
A8A8A4
C7C7C0
E8E8D5

Deuteranopia

404334
84857E
A8A8A4
C7C7C0
E8E8D6

Tritanopia

4C3231
887E7E
A9A4A4
C6C2C2
E8DADB

Achromatopsia

353535
808080
A7A7A7
C6C6C6
E5E5E5

Shades & Tints Shades & Tints

#4E2839

Dark
Light

#897C7F

Dark
Light

#A9A6A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4e2839;
  --color-2: #897c7f;
  --color-3: #a9a6a3;
  --color-4: #c6c8bd;
  --color-5: #e8e8cf;
}

SCSS

$color-1: #4e2839;
$color-2: #897c7f;
$color-3: #a9a6a3;
$color-4: #c6c8bd;
$color-5: #e8e8cf;

TAILWIND

colors: {
  'brand-1': '#4e2839',
  'brand-2': '#897c7f',
  'brand-3': '#a9a6a3',
  'brand-4': '#c6c8bd',
  'brand-5': '#e8e8cf',
}

RGB Array

[78, 40, 57], [137, 124, 127], [169, 166, 163], [198, 200, 189], [232, 232, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4E2839, #897C7F, #A9A6A3, #C6C8BD, #E8E8CF 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: #4e2839; --color-2: #897c7f; --color-3: #a9a6a3; --color-4: #c6c8bd; --color-5: #e8e8cf. 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