← Back to Editor

#641034 · #950A0F · #873B05 · #A67E35 · #E7D59A

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#641034

Dark Violet · Maroon · Raspberry

HEX
#641034
RGB
rgb(100, 16, 52)
HSL
hsl(334, 72%, 23%)
HSB
hsb(334, 84%, 39%)
CMYK
cmyk(0%, 84%, 48%, 61%)
Oklch
oklch(33.7% 0.120 0.6)

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

#950A0F

Vermilion · DarkRed · Wine Red

HEX
#950A0F
RGB
rgb(149, 10, 15)
HSL
hsl(358, 87%, 31%)
HSB
hsb(358, 93%, 58%)
CMYK
cmyk(0%, 93%, 90%, 42%)
Oklch
oklch(42.5% 0.168 27.5)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#873B05

Tangerine · Brown · Amber Brown

HEX
#873B05
RGB
rgb(135, 59, 5)
HSL
hsl(25, 93%, 27%)
HSB
hsb(25, 96%, 53%)
CMYK
cmyk(0%, 56%, 96%, 47%)
Oklch
oklch(44.7% 0.119 47.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#A67E35

Ochre · Sienna · Amber Brown

HEX
#A67E35
RGB
rgb(166, 126, 53)
HSL
hsl(39, 52%, 43%)
HSB
hsb(39, 68%, 65%)
CMYK
cmyk(0%, 24%, 68%, 35%)
Oklch
oklch(61.8% 0.103 79.8)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#E7D59A

Goose Yellow · Khaki · Sunflower

HEX
#E7D59A
RGB
rgb(231, 213, 154)
HSL
hsl(46, 62%, 75%)
HSB
hsb(46, 33%, 91%)
CMYK
cmyk(0%, 8%, 33%, 9%)
Oklch
oklch(87.4% 0.079 93.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

641034
106540

Analogous

65105F
641034
651610

Triadic

641034
356510
103565

Split-Comp.

641034
106516
105F65

Tetradic

641034
5F6510
106540
161065

Contrast Matrix WCAG 2.1 Contrast

641034
950A0F
873B05
A67E35
E7D59A
—
1.4
Fail
1.6
Fail
3.4
AA Large
8.6
AAA
1.4
Fail
—
1.1
Fail
2.4
Fail
6.2
AA
1.6
Fail
1.1
Fail
—
2.1
Fail
5.4
AA
3.4
AA Large
2.4
Fail
2.1
Fail
—
2.5
Fail
8.6
AAA
6.2
AA
5.4
AA
2.5
Fail
—
White BG
12.6AAA
9.0AAA
7.9AAA
3.7AA Large
1.5Fail
Black BG
1.7Fail
2.3Fail
2.7Fail
5.7AA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

403F2B
59580E
666512
959447
DFDFA8

Deuteranopia

454B29
616B0E
6B7015
979A4B
E0E2AC

Tritanopia

602423
8E0D0D
831C1F
A45558
E6B4B6

Achromatopsia

2D2D2D
343434
4C4C4C
828282
D4D4D4

Shades & Tints Shades & Tints

#641034

Dark
Light

#950A0F

Dark
Light

#873B05

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #641034;
  --color-2: #950a0f;
  --color-3: #873b05;
  --color-4: #a67e35;
  --color-5: #e7d59a;
}

SCSS

$color-1: #641034;
$color-2: #950a0f;
$color-3: #873b05;
$color-4: #a67e35;
$color-5: #e7d59a;

TAILWIND

colors: {
  'brand-1': '#641034',
  'brand-2': '#950a0f',
  'brand-3': '#873b05',
  'brand-4': '#a67e35',
  'brand-5': '#e7d59a',
}

RGB Array

[100, 16, 52], [149, 10, 15], [135, 59, 5], [166, 126, 53], [231, 213, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #641034, #950A0F, #873B05, #A67E35, #E7D59A is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #641034; --color-2: #950a0f; --color-3: #873b05; --color-4: #a67e35; --color-5: #e7d59a. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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