← Back to Editor

#4E3D4C · #EB0D54 · #B7B229 · #CECAA3 · #79AD82

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

#4E3D4C

Rose Purple · DarkSlateGray · Eggplant

HEX
#4E3D4C
RGB
rgb(78, 61, 76)
HSL
hsl(307, 12%, 27%)
HSB
hsb(307, 22%, 31%)
CMYK
cmyk(0%, 22%, 3%, 69%)
Oklch
oklch(38.4% 0.034 330.1)

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

#EB0D54

Dark Violet · Crimson · Camellia

HEX
#EB0D54
RGB
rgb(235, 13, 84)
HSL
hsl(341, 90%, 49%)
HSB
hsb(341, 94%, 92%)
CMYK
cmyk(0%, 94%, 64%, 8%)
Oklch
oklch(60.1% 0.236 13.9)

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

#B7B229

Autumn Sage · GoldenRod · Honey Gold

HEX
#B7B229
RGB
rgb(183, 178, 41)
HSL
hsl(58, 63%, 44%)
HSB
hsb(58, 78%, 72%)
CMYK
cmyk(0%, 3%, 78%, 28%)
Oklch
oklch(74.5% 0.148 107.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#CECAA3

Fresh Green · Tan · Sunflower

HEX
#CECAA3
RGB
rgb(206, 202, 163)
HSL
hsl(54, 30%, 72%)
HSB
hsb(54, 21%, 81%)
CMYK
cmyk(0%, 2%, 21%, 19%)
Oklch
oklch(83.2% 0.052 102.6)

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

#79AD82

Celadon · DarkSeaGreen · Olive Green

HEX
#79AD82
RGB
rgb(121, 173, 130)
HSL
hsl(130, 24%, 58%)
HSB
hsb(130, 30%, 68%)
CMYK
cmyk(30%, 0%, 25%, 32%)
Oklch
oklch(69.9% 0.083 149.2)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4E3D4C
3D4D3F

Analogous

473D4D
4E3D4C
4D3D43

Triadic

4E3D4C
4B4D3D
3D4B4D

Split-Comp.

4E3D4C
434D3D
3D4D47

Tetradic

4E3D4C
4D473D
3D4D3F
3D434D

Contrast Matrix WCAG 2.1 Contrast

4E3D4C
EB0D54
B7B229
CECAA3
79AD82
—
2.3
Fail
4.5
AA Large
6.0
AA
3.9
AA Large
2.3
Fail
—
2.0
Fail
2.7
Fail
1.7
Fail
4.5
AA Large
2.0
Fail
—
1.3
Fail
1.2
Fail
6.0
AA
2.7
Fail
1.3
Fail
—
1.6
Fail
3.9
AA Large
1.7
Fail
1.2
Fail
1.6
Fail
—
White BG
10.0AAA
4.5AA Large
2.2Fail
1.7Fail
2.6Fail
Black BG
2.1Fail
4.7AA
9.4AAA
12.6AAA
8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

474648
8B8943
B5B54A
CCCCAC
90908C

Deuteranopia

484948
98A83F
B5B652
CDCDAF
8D898F

Tritanopia

4D4645
E03532
B7646A
CEB4B6
7C9596

Achromatopsia

444444
575757
A4A4A4
C7C7C7
999999

Shades & Tints Shades & Tints

#4E3D4C

Dark
Light

#EB0D54

Dark
Light

#B7B229

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4e3d4c;
  --color-2: #eb0d54;
  --color-3: #b7b229;
  --color-4: #cecaa3;
  --color-5: #79ad82;
}

SCSS

$color-1: #4e3d4c;
$color-2: #eb0d54;
$color-3: #b7b229;
$color-4: #cecaa3;
$color-5: #79ad82;

TAILWIND

colors: {
  'brand-1': '#4e3d4c',
  'brand-2': '#eb0d54',
  'brand-3': '#b7b229',
  'brand-4': '#cecaa3',
  'brand-5': '#79ad82',
}

RGB Array

[78, 61, 76], [235, 13, 84], [183, 178, 41], [206, 202, 163], [121, 173, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4E3D4C, #EB0D54, #B7B229, #CECAA3, #79AD82 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: #4e3d4c; --color-2: #eb0d54; --color-3: #b7b229; --color-4: #cecaa3; --color-5: #79ad82. 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