← Back to Editor

#840943 · #C46564 · #EAA353 · #E3CF9E · #302727

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

#840943

Dark Violet · Brown · Camellia

HEX
#840943
RGB
rgb(132, 9, 67)
HSL
hsl(332, 87%, 28%)
HSB
hsb(332, 93%, 52%)
CMYK
cmyk(0%, 93%, 49%, 48%)
Oklch
oklch(40.1% 0.156 0.9)

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

#C46564

Crimson · LightCoral · Passion Red

HEX
#C46564
RGB
rgb(196, 101, 100)
HSL
hsl(1, 45%, 58%)
HSB
hsb(1, 49%, 77%)
CMYK
cmyk(0%, 48%, 49%, 23%)
Oklch
oklch(61.8% 0.122 21.8)

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

#EAA353

Ginger · SandyBrown · Warm Sun

HEX
#EAA353
RGB
rgb(234, 163, 83)
HSL
hsl(32, 78%, 62%)
HSB
hsb(32, 65%, 92%)
CMYK
cmyk(0%, 30%, 65%, 8%)
Oklch
oklch(76.9% 0.128 67.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#E3CF9E

Goose Yellow · Wheat · Sunflower

HEX
#E3CF9E
RGB
rgb(227, 207, 158)
HSL
hsl(43, 55%, 75%)
HSB
hsb(43, 30%, 89%)
CMYK
cmyk(0%, 9%, 30%, 11%)
Oklch
oklch(85.9% 0.068 88.4)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#302727

Crimson · DarkSlateGray · Deep Berry

HEX
#302727
RGB
rgb(48, 39, 39)
HSL
hsl(0, 10%, 17%)
HSB
hsb(0, 19%, 19%)
CMYK
cmyk(0%, 19%, 19%, 81%)
Oklch
oklch(28.3% 0.014 18.0)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

840943
09864C

Analogous

860981
840943
860D09

Triadic

840943
438609
094386

Split-Comp.

840943
09860D
098186

Tetradic

840943
818609
09864C
0D0986

Contrast Matrix WCAG 2.1 Contrast

840943
C46564
EAA353
E3CF9E
302727
—
2.6
Fail
4.7
AA
6.5
AA
1.5
Fail
2.6
Fail
—
1.8
Fail
2.5
Fail
3.7
AA Large
4.7
AA
1.8
Fail
—
1.4
Fail
6.8
AA
6.5
AA
2.5
Fail
1.4
Fail
—
9.5
AAA
1.5
Fail
3.7
AA Large
6.8
AA
9.5
AAA
—
White BG
10.0AAA
3.9AA Large
2.1Fail
1.5Fail
14.5AAA
Black BG
2.1Fail
5.4AA
9.9AAA
13.7AAA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F4E35
9B9A64
CBCB66
DADAAA
2C2C27

Deuteranopia

565F32
A0A864
CFD56B
DCDDAD
2D2D27

Tritanopia

7E2A27
BF6464
E67679
E2B3B5
302727

Achromatopsia

343434
818181
AFAFAF
CFCFCF
2A2A2A

Shades & Tints Shades & Tints

#840943

Dark
Light

#C46564

Dark
Light

#EAA353

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #840943;
  --color-2: #c46564;
  --color-3: #eaa353;
  --color-4: #e3cf9e;
  --color-5: #302727;
}

SCSS

$color-1: #840943;
$color-2: #c46564;
$color-3: #eaa353;
$color-4: #e3cf9e;
$color-5: #302727;

TAILWIND

colors: {
  'brand-1': '#840943',
  'brand-2': '#c46564',
  'brand-3': '#eaa353',
  'brand-4': '#e3cf9e',
  'brand-5': '#302727',
}

RGB Array

[132, 9, 67], [196, 101, 100], [234, 163, 83], [227, 207, 158], [48, 39, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #840943, #C46564, #EAA353, #E3CF9E, #302727 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: #840943; --color-2: #c46564; --color-3: #eaa353; --color-4: #e3cf9e; --color-5: #302727. 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