← Back to Editor

#591931 · #6E3D30 · #836130 · #87765E · #8C8C8C

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 Library

Color Details Color Details

#591931

Dark Violet · Maroon · Raspberry

HEX
#591931
RGB
rgb(89, 25, 49)
HSL
hsl(338, 56%, 22%)
HSB
hsb(338, 72%, 35%)
CMYK
cmyk(0%, 72%, 45%, 65%)
Oklch
oklch(32.5% 0.097 1.0)

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

#6E3D30

Crimson · DarkOliveGreen · Wine Red

HEX
#6E3D30
RGB
rgb(110, 61, 48)
HSL
hsl(13, 39%, 31%)
HSB
hsb(13, 56%, 43%)
CMYK
cmyk(0%, 45%, 56%, 57%)
Oklch
oklch(41.7% 0.073 35.7)

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

#836130

Ochre · Sienna · Amber Brown

HEX
#836130
RGB
rgb(131, 97, 48)
HSL
hsl(35, 46%, 35%)
HSB
hsb(35, 63%, 51%)
CMYK
cmyk(0%, 26%, 63%, 49%)
Oklch
oklch(51.7% 0.079 74.5)

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

#87765E

Ochre · DimGray · Amber Brown

HEX
#87765E
RGB
rgb(135, 118, 94)
HSL
hsl(35, 18%, 45%)
HSB
hsb(35, 30%, 53%)
CMYK
cmyk(0%, 13%, 30%, 47%)
Oklch
oklch(57.5% 0.041 76.3)

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

#8C8C8C

Ash · Gray · Warm Gray

HEX
#8C8C8C
RGB
rgb(140, 140, 140)
HSL
hsl(0, 0%, 55%)
HSB
hsb(0, 0%, 55%)
CMYK
cmyk(0%, 0%, 0%, 45%)
Oklch
oklch(64.0% 0.000 89.9)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

591931
195840

Analogous

58194F
591931
582119

Triadic

591931
305819
193058

Split-Comp.

591931
195821
194F58

Tetradic

591931
4F5819
195840
211958

Contrast Matrix WCAG 2.1 Contrast

591931
6E3D30
836130
87765E
8C8C8C
—
1.5
Fail
2.3
Fail
3.0
Fail
3.9
AA Large
1.5
Fail
—
1.6
Fail
2.0
Fail
2.6
Fail
2.3
Fail
1.6
Fail
—
1.3
Fail
1.7
Fail
3.0
Fail
2.0
Fail
1.3
Fail
—
1.3
Fail
3.9
AA Large
2.6
Fail
1.7
Fail
1.3
Fail
—
White BG
13.1AAA
8.8AAA
5.6AA
4.4AA Large
3.4AA Large
Black BG
1.6Fail
2.4Fail
3.7AA Large
4.8AA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3D3D2B
595833
74743C
807F64
8C8C8C

Deuteranopia

41462A
5C5F34
76793F
818265
8C8C8C

Tritanopia

562726
6C3636
814547
866869
8C8C8C

Achromatopsia

2F2F2F
4A4A4A
666666
787878
8C8C8C

Shades & Tints Shades & Tints

#591931

Dark
Light

#6E3D30

Dark
Light

#836130

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #591931;
  --color-2: #6e3d30;
  --color-3: #836130;
  --color-4: #87765e;
  --color-5: #8c8c8c;
}

SCSS

$color-1: #591931;
$color-2: #6e3d30;
$color-3: #836130;
$color-4: #87765e;
$color-5: #8c8c8c;

TAILWIND

colors: {
  'brand-1': '#591931',
  'brand-2': '#6e3d30',
  'brand-3': '#836130',
  'brand-4': '#87765e',
  'brand-5': '#8c8c8c',
}

RGB Array

[89, 25, 49], [110, 61, 48], [131, 97, 48], [135, 118, 94], [140, 140, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #591931, #6E3D30, #836130, #87765E, #8C8C8C is ideal for: tech websites, dark mode UIs, game UIs. 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: #591931; --color-2: #6e3d30; --color-3: #836130; --color-4: #87765e; --color-5: #8c8c8c. 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. 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