← Back to Editor

#413829 · #A853A4 · #E2737C · #EEB33D · #94C29B

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

#413829

Ochre · DarkSlateGray · Cinnamon

HEX
#413829
RGB
rgb(65, 56, 41)
HSL
hsl(38, 23%, 21%)
HSB
hsb(38, 37%, 25%)
CMYK
cmyk(0%, 14%, 37%, 75%)
Oklch
oklch(34.6% 0.028 80.3)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#A853A4

Rose Purple · MediumOrchid · Violet

HEX
#A853A4
RGB
rgb(168, 83, 164)
HSL
hsl(303, 34%, 49%)
HSB
hsb(303, 51%, 66%)
CMYK
cmyk(0%, 51%, 2%, 34%)
Oklch
oklch(57.5% 0.152 329.1)

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

#E2737C

Peach Pink · LightCoral · Coral Red

HEX
#E2737C
RGB
rgb(226, 115, 124)
HSL
hsl(355, 66%, 67%)
HSB
hsb(355, 49%, 89%)
CMYK
cmyk(0%, 49%, 45%, 11%)
Oklch
oklch(68.6% 0.138 16.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#EEB33D

Ginger · GoldenRod · Sunflower

HEX
#EEB33D
RGB
rgb(238, 179, 61)
HSL
hsl(40, 84%, 59%)
HSB
hsb(40, 74%, 93%)
CMYK
cmyk(0%, 25%, 74%, 7%)
Oklch
oklch(80.2% 0.145 80.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#94C29B

Celadon · DarkSeaGreen · Apple Green

HEX
#94C29B
RGB
rgb(148, 194, 155)
HSL
hsl(129, 27%, 67%)
HSB
hsb(129, 24%, 76%)
CMYK
cmyk(24%, 0%, 20%, 24%)
Oklch
oklch(77.1% 0.074 149.0)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

413829
293242

Analogous

422D29
413829
3F4229

Triadic

413829
294239
392942

Split-Comp.

413829
293F42
2D2942

Tetradic

413829
29422D
293242
42293F

Contrast Matrix WCAG 2.1 Contrast

413829
A853A4
E2737C
EEB33D
94C29B
—
2.4
Fail
3.8
AA Large
6.1
AA
5.7
AA
2.4
Fail
—
1.6
Fail
2.5
Fail
2.4
Fail
3.8
AA Large
1.6
Fail
—
1.6
Fail
1.5
Fail
6.1
AA
2.5
Fail
1.6
Fail
—
1.1
Fail
5.7
AA
2.4
Fail
1.5
Fail
1.1
Fail
—
White BG
11.5AAA
4.7AA
3.0AA Large
1.9Fail
2.0Fail
Black BG
1.8Fail
4.4AA Large
7.0AA
11.2AAA
10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3D3D2D
838290
B2B17A
D4D45A
A8A8A4

Deuteranopia

3E3E2E
888F8C
B8C179
D8DC60
A5A2A7

Tritanopia

412F30
A4817E
DC7878
EB7075
96ACAE

Achromatopsia

393939
767676
959595
B7B7B7
B0B0B0

Shades & Tints Shades & Tints

#413829

Dark
Light

#A853A4

Dark
Light

#E2737C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #413829;
  --color-2: #a853a4;
  --color-3: #e2737c;
  --color-4: #eeb33d;
  --color-5: #94c29b;
}

SCSS

$color-1: #413829;
$color-2: #a853a4;
$color-3: #e2737c;
$color-4: #eeb33d;
$color-5: #94c29b;

TAILWIND

colors: {
  'brand-1': '#413829',
  'brand-2': '#a853a4',
  'brand-3': '#e2737c',
  'brand-4': '#eeb33d',
  'brand-5': '#94c29b',
}

RGB Array

[65, 56, 41], [168, 83, 164], [226, 115, 124], [238, 179, 61], [148, 194, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #413829, #A853A4, #E2737C, #EEB33D, #94C29B 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: #413829; --color-2: #a853a4; --color-3: #e2737c; --color-4: #eeb33d; --color-5: #94c29b. 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