← Back to Editor

#4B2137 · #4F4152 · #7E8386 · #D4C1A1 · #E3A3A3

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

#4B2137

Rose Purple · DarkSlateGray · Raspberry

HEX
#4B2137
RGB
rgb(75, 33, 55)
HSL
hsl(329, 39%, 21%)
HSB
hsb(329, 56%, 29%)
CMYK
cmyk(0%, 56%, 27%, 71%)
Oklch
oklch(31.5% 0.070 349.2)

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

#4F4152

Dark Plum · DarkSlateGray · Eggplant

HEX
#4F4152
RGB
rgb(79, 65, 82)
HSL
hsl(289, 12%, 29%)
HSB
hsb(289, 21%, 32%)
CMYK
cmyk(4%, 21%, 0%, 68%)
Oklch
oklch(39.6% 0.033 320.3)

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

#7E8386

Ash · Gray · Warm Gray

HEX
#7E8386
RGB
rgb(126, 131, 134)
HSL
hsl(203, 3%, 51%)
HSB
hsb(203, 6%, 53%)
CMYK
cmyk(6%, 2%, 0%, 47%)
Oklch
oklch(60.7% 0.007 233.7)

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

#D4C1A1

Goose Yellow · Tan · Warm Sun

HEX
#D4C1A1
RGB
rgb(212, 193, 161)
HSL
hsl(38, 37%, 73%)
HSB
hsb(38, 24%, 83%)
CMYK
cmyk(0%, 9%, 24%, 17%)
Oklch
oklch(81.9% 0.048 80.7)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E3A3A3

Peach Pink · Tan · Coral Red

HEX
#E3A3A3
RGB
rgb(227, 163, 163)
HSL
hsl(0, 53%, 76%)
HSB
hsb(0, 28%, 89%)
CMYK
cmyk(0%, 28%, 28%, 11%)
Oklch
oklch(77.6% 0.076 18.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4B2137
214A35

Analogous

4A214A
4B2137
4A2121

Triadic

4B2137
364A21
21364A

Split-Comp.

4B2137
214A21
214A4A

Tetradic

4B2137
4A4A21
214A35
21214A

Contrast Matrix WCAG 2.1 Contrast

4B2137
4F4152
7E8386
D4C1A1
E3A3A3
—
1.4
Fail
3.5
AA Large
7.6
AAA
6.4
AA
1.4
Fail
—
2.5
Fail
5.4
AA
4.5
AA
3.5
AA Large
2.5
Fail
—
2.2
Fail
1.8
Fail
7.6
AAA
5.4
AA
2.2
Fail
—
1.2
Fail
6.4
AA
4.5
AA
1.8
Fail
1.2
Fail
—
White BG
13.4AAA
9.5AAA
3.8AA Large
1.8Fail
2.1Fail
Black BG
1.6Fail
2.2Fail
5.5AA
11.9AAA
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

393832
49494E
808085
CCCCA9
C7C7A3

Deuteranopia

3B3E30
4A4B4D
807F85
CDCEAB
CBD0A3

Tritanopia

492D2D
4E4B4A
7E8585
D3AFB0
E0A3A3

Achromatopsia

303030
474747
828282
C3C3C3
B6B6B6

Shades & Tints Shades & Tints

#4B2137

Dark
Light

#4F4152

Dark
Light

#7E8386

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4b2137;
  --color-2: #4f4152;
  --color-3: #7e8386;
  --color-4: #d4c1a1;
  --color-5: #e3a3a3;
}

SCSS

$color-1: #4b2137;
$color-2: #4f4152;
$color-3: #7e8386;
$color-4: #d4c1a1;
$color-5: #e3a3a3;

TAILWIND

colors: {
  'brand-1': '#4b2137',
  'brand-2': '#4f4152',
  'brand-3': '#7e8386',
  'brand-4': '#d4c1a1',
  'brand-5': '#e3a3a3',
}

RGB Array

[75, 33, 55], [79, 65, 82], [126, 131, 134], [212, 193, 161], [227, 163, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4B2137, #4F4152, #7E8386, #D4C1A1, #E3A3A3 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: #4b2137; --color-2: #4f4152; --color-3: #7e8386; --color-4: #d4c1a1; --color-5: #e3a3a3. 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