← Back to Editor

#641B2E · #300010 · #AC8A30 · #080A09 · #D2C984

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

#641B2E

Dark Violet · Maroon · Raspberry

HEX
#641B2E
RGB
rgb(100, 27, 46)
HSL
hsl(344, 57%, 25%)
HSB
hsb(344, 73%, 39%)
CMYK
cmyk(0%, 73%, 54%, 61%)
Oklch
oklch(34.6% 0.105 9.0)

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

#300010

Dark Violet · Black · Raspberry

HEX
#300010
RGB
rgb(48, 0, 16)
HSL
hsl(340, 100%, 9%)
HSB
hsb(340, 100%, 19%)
CMYK
cmyk(0%, 100%, 67%, 81%)
Oklch
oklch(19.9% 0.080 6.2)

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

#AC8A30

Ochre · DarkGoldenRod · Honey Gold

HEX
#AC8A30
RGB
rgb(172, 138, 48)
HSL
hsl(44, 56%, 43%)
HSB
hsb(44, 72%, 67%)
CMYK
cmyk(0%, 20%, 72%, 33%)
Oklch
oklch(64.9% 0.113 87.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#080A09

Mineral Blue · Black · Dark Green

HEX
#080A09
RGB
rgb(8, 10, 9)
HSL
hsl(150, 11%, 4%)
HSB
hsb(150, 20%, 4%)
CMYK
cmyk(20%, 0%, 10%, 96%)
Oklch
oklch(14.2% 0.004 165.2)

Traditional「Mineral Blue」· Paint「Dark Green」· Creative Blush Sunrise

#D2C984

Fresh Green · BurlyWood · Sunflower

HEX
#D2C984
RGB
rgb(210, 201, 132)
HSL
hsl(53, 46%, 67%)
HSB
hsb(53, 37%, 82%)
CMYK
cmyk(0%, 4%, 37%, 18%)
Oklch
oklch(82.7% 0.090 101.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

641B2E
1B6451

Analogous

641B53
641B2E
642C1B

Triadic

641B2E
2F641B
1B2F64

Split-Comp.

641B2E
1B642C
1B5364

Tetradic

641B2E
53641B
1B6451
2C1B64

Contrast Matrix WCAG 2.1 Contrast

641B2E
300010
AC8A30
080A09
D2C984
—
1.5
Fail
3.7
AA Large
1.6
Fail
7.2
AAA
1.5
Fail
—
5.7
AA
1.1
Fail
11.0
AAA
3.7
AA Large
5.7
AA
—
6.1
AA
1.9
Fail
1.6
Fail
1.1
Fail
6.1
AA
—
11.8
AAA
7.2
AAA
11.0
AAA
1.9
Fail
11.8
AAA
—
White BG
12.1AAA
18.5AAA
3.3AA Large
19.9AAA
1.7Fail
Black BG
1.7Fail
1.1Fail
6.4AA
1.1Fail
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

444429
1B1B0C
9D9D46
090909
CECE95

Deuteranopia

494E28
1E220B
9FA24B
090909
CFCF99

Tritanopia

602625
2E0908
AA575B
080909
D2A2A5

Achromatopsia

333333
101010
8A8A8A
090909
C4C4C4

Shades & Tints Shades & Tints

#641B2E

Dark
Light

#300010

Dark
Light

#AC8A30

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #641b2e;
  --color-2: #300010;
  --color-3: #ac8a30;
  --color-4: #080a09;
  --color-5: #d2c984;
}

SCSS

$color-1: #641b2e;
$color-2: #300010;
$color-3: #ac8a30;
$color-4: #080a09;
$color-5: #d2c984;

TAILWIND

colors: {
  'brand-1': '#641b2e',
  'brand-2': '#300010',
  'brand-3': '#ac8a30',
  'brand-4': '#080a09',
  'brand-5': '#d2c984',
}

RGB Array

[100, 27, 46], [48, 0, 16], [172, 138, 48], [8, 10, 9], [210, 201, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #641B2E, #300010, #AC8A30, #080A09, #D2C984 is ideal for: tech websites, dark mode UIs, game UIs, 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: #641b2e; --color-2: #300010; --color-3: #ac8a30; --color-4: #080a09; --color-5: #d2c984. 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 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