← Back to Editor

#811D41 · #361F29 · #D9BD96 · #E9D0B2 · #FAE4BD

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

#811D41

Dark Violet · Brown · Camellia

HEX
#811D41
RGB
rgb(129, 29, 65)
HSL
hsl(338, 63%, 31%)
HSB
hsb(338, 78%, 51%)
CMYK
cmyk(0%, 78%, 50%, 49%)
Oklch
oklch(40.8% 0.137 4.1)

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

#361F29

Dark Violet · DarkSlateGray · Raspberry

HEX
#361F29
RGB
rgb(54, 31, 41)
HSL
hsl(334, 27%, 17%)
HSB
hsb(334, 43%, 21%)
CMYK
cmyk(0%, 43%, 24%, 79%)
Oklch
oklch(27.3% 0.039 352.4)

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

#D9BD96

Goose Yellow · Tan · Warm Sun

HEX
#D9BD96
RGB
rgb(217, 189, 150)
HSL
hsl(35, 47%, 72%)
HSB
hsb(35, 31%, 85%)
CMYK
cmyk(0%, 13%, 31%, 15%)
Oklch
oklch(81.3% 0.061 75.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E9D0B2

Goose Yellow · Wheat · Peach Orange

HEX
#E9D0B2
RGB
rgb(233, 208, 178)
HSL
hsl(33, 56%, 81%)
HSB
hsb(33, 24%, 91%)
CMYK
cmyk(0%, 11%, 24%, 9%)
Oklch
oklch(87.1% 0.049 72.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FAE4BD

Goose Yellow · Bisque · Peach Orange

HEX
#FAE4BD
RGB
rgb(250, 228, 189)
HSL
hsl(38, 86%, 86%)
HSB
hsb(38, 24%, 98%)
CMYK
cmyk(0%, 9%, 24%, 2%)
Oklch
oklch(92.7% 0.056 81.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

811D41
1D815C

Analogous

811D74
811D41
812B1D

Triadic

811D41
42811D
1D4281

Split-Comp.

811D41
1D812B
1D7481

Tetradic

811D41
74811D
1D815C
2B1D81

Contrast Matrix WCAG 2.1 Contrast

811D41
361F29
D9BD96
E9D0B2
FAE4BD
—
1.6
Fail
5.3
AA
6.5
AA
7.7
AAA
1.6
Fail
—
8.4
AAA
10.2
AAA
12.2
AAA
5.3
AA
8.4
AAA
—
1.2
Fail
1.4
Fail
6.5
AA
10.2
AAA
1.2
Fail
—
1.2
Fail
7.7
AAA
12.2
AAA
1.4
Fail
1.2
Fail
—
White BG
9.6AAA
15.2AAA
1.8Fail
1.5Fail
1.2Fail
Black BG
2.2Fail
1.4Fail
11.7AAA
14.1AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

565538
2C2C27
CDCD9F
DEDEB9
F0F0C6

Deuteranopia

5C6336
2D2F26
CFD1A2
E0E2BB
F2F3C9

Tritanopia

7C3130
352524
D8A7A9
E8BFC0
F9CED0

Achromatopsia

3F3F3F
272727
C1C1C1
D4D4D4
E6E6E6

Shades & Tints Shades & Tints

#811D41

Dark
Light

#361F29

Dark
Light

#D9BD96

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #811d41;
  --color-2: #361f29;
  --color-3: #d9bd96;
  --color-4: #e9d0b2;
  --color-5: #fae4bd;
}

SCSS

$color-1: #811d41;
$color-2: #361f29;
$color-3: #d9bd96;
$color-4: #e9d0b2;
$color-5: #fae4bd;

TAILWIND

colors: {
  'brand-1': '#811d41',
  'brand-2': '#361f29',
  'brand-3': '#d9bd96',
  'brand-4': '#e9d0b2',
  'brand-5': '#fae4bd',
}

RGB Array

[129, 29, 65], [54, 31, 41], [217, 189, 150], [233, 208, 178], [250, 228, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #811D41, #361F29, #D9BD96, #E9D0B2, #FAE4BD 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: #811d41; --color-2: #361f29; --color-3: #d9bd96; --color-4: #e9d0b2; --color-5: #fae4bd. 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