← Back to Editor

#4C324D · #755761 · #A67976 · #E4DF69 · #E3CCBC

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

#4C324D

Dark Plum · DarkSlateGray · Eggplant

HEX
#4C324D
RGB
rgb(76, 50, 77)
HSL
hsl(298, 21%, 25%)
HSB
hsb(298, 35%, 30%)
CMYK
cmyk(1%, 35%, 0%, 70%)
Oklch
oklch(35.9% 0.057 325.4)

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

#755761

Dark Violet · DimGray · Camellia

HEX
#755761
RGB
rgb(117, 87, 97)
HSL
hsl(340, 15%, 40%)
HSB
hsb(340, 26%, 46%)
CMYK
cmyk(0%, 26%, 17%, 54%)
Oklch
oklch(49.1% 0.042 356.9)

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

#A67976

Crimson · Gray · Passion Red

HEX
#A67976
RGB
rgb(166, 121, 118)
HSL
hsl(4, 21%, 56%)
HSB
hsb(4, 29%, 65%)
CMYK
cmyk(0%, 27%, 29%, 35%)
Oklch
oklch(62.0% 0.057 23.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#E4DF69

Fresh Green · Khaki · Sunflower

HEX
#E4DF69
RGB
rgb(228, 223, 105)
HSL
hsl(58, 69%, 65%)
HSB
hsb(58, 54%, 89%)
CMYK
cmyk(0%, 2%, 54%, 11%)
Oklch
oklch(88.4% 0.140 106.7)

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

#E3CCBC

Apricot · Wheat · Peach Orange

HEX
#E3CCBC
RGB
rgb(227, 204, 188)
HSL
hsl(25, 41%, 81%)
HSB
hsb(25, 17%, 89%)
CMYK
cmyk(0%, 10%, 17%, 11%)
Oklch
oklch(86.0% 0.034 57.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4C324D
334D32

Analogous

3F324D
4C324D
4D3241

Triadic

4C324D
4D4C32
324D4C

Split-Comp.

4C324D
414D32
324D3F

Tetradic

4C324D
4D3F32
334D32
32414D

Contrast Matrix WCAG 2.1 Contrast

4C324D
755761
A67976
E4DF69
E3CCBC
—
1.8
Fail
3.0
AA Large
8.0
AAA
7.3
AAA
1.8
Fail
—
1.7
Fail
4.6
AA
4.1
AA Large
3.0
AA Large
1.7
Fail
—
2.7
Fail
2.4
Fail
8.0
AAA
4.6
AA
2.7
Fail
—
1.1
Fail
7.3
AAA
4.1
AA Large
2.4
Fail
1.1
Fail
—
White BG
11.2AAA
6.4AA
3.7AA Large
1.4Fail
1.5Fail
Black BG
1.9Fail
3.3AA Large
5.6AA
15.1AAA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

414146
68685F
939277
E2E286
D9D9C0

Deuteranopia

424445
6A6C5E
959977
E2E38C
DADCC1

Tritanopia

4B4140
735D5C
A47777
E49CA1
E2C3C4

Achromatopsia

3D3D3D
616161
868686
D3D3D3
D1D1D1

Shades & Tints Shades & Tints

#4C324D

Dark
Light

#755761

Dark
Light

#A67976

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4c324d;
  --color-2: #755761;
  --color-3: #a67976;
  --color-4: #e4df69;
  --color-5: #e3ccbc;
}

SCSS

$color-1: #4c324d;
$color-2: #755761;
$color-3: #a67976;
$color-4: #e4df69;
$color-5: #e3ccbc;

TAILWIND

colors: {
  'brand-1': '#4c324d',
  'brand-2': '#755761',
  'brand-3': '#a67976',
  'brand-4': '#e4df69',
  'brand-5': '#e3ccbc',
}

RGB Array

[76, 50, 77], [117, 87, 97], [166, 121, 118], [228, 223, 105], [227, 204, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4C324D, #755761, #A67976, #E4DF69, #E3CCBC 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: #4c324d; --color-2: #755761; --color-3: #a67976; --color-4: #e4df69; --color-5: #e3ccbc. 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. 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