#4D213A + #591B3E + #91660F + #839133 + #8DA11B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#4D213A

Rose Purple · DarkSlateGray · Raspberry

HEX

#4D213A

RGB

rgb(77, 33, 58)

HSL

hsl(326, 40%, 22%)

HSB

hsb(326, 57%, 30%)

CMYK

cmyk(0%, 57%, 25%, 70%)

Oklch

oklch(31.9% 0.075 347.0)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#591B3E

Rose Purple · DarkSlateGray · Raspberry

HEX

#591B3E

RGB

rgb(89, 27, 62)

HSL

hsl(326, 53%, 23%)

HSB

hsb(326, 70%, 35%)

CMYK

cmyk(0%, 70%, 30%, 65%)

Oklch

oklch(33.2% 0.100 349.0)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#91660F

Ochre · Olive · Honey Gold

HEX

#91660F

RGB

rgb(145, 102, 15)

HSL

hsl(40, 81%, 31%)

HSB

hsb(40, 90%, 57%)

CMYK

cmyk(0%, 30%, 90%, 43%)

Oklch

oklch(54.2% 0.108 78.2)

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

#839133

Autumn Sage · Olive · Honey Gold

HEX

#839133

RGB

rgb(131, 145, 51)

HSL

hsl(69, 48%, 38%)

HSB

hsb(69, 65%, 57%)

CMYK

cmyk(10%, 0%, 65%, 43%)

Oklch

oklch(62.6% 0.119 117.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#8DA11B

Autumn Sage · Olive · Honey Gold

HEX

#8DA11B

RGB

rgb(141, 161, 27)

HSL

hsl(69, 71%, 37%)

HSB

hsb(69, 83%, 63%)

CMYK

cmyk(12%, 0%, 83%, 37%)

Oklch

oklch(67.0% 0.149 118.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4D213A

224F35

Analogous

4C224F

4D213A

4F2225

Triadic

4D213A

3B4F22

223B4F

Split-Comp.

4D213A

254F22

224F4C

Tetradic

4D213A

4F4C22

224F35

22254F

Contrast Matrix WCAG 2.1 Contrast

4D213A	591B3E	91660F	839133	8DA11B
—	1.0 Fail	2.6 Fail	3.8 AA Large	4.5 AA
1.0 Fail	—	2.5 Fail	3.7 AA Large	4.4 AA Large
2.6 Fail	2.5 Fail	—	1.5 Fail	1.8 Fail
3.8 AA Large	3.7 AA Large	1.5 Fail	—	1.2 Fail
4.5 AA	4.4 AA Large	1.8 Fail	1.2 Fail	—

White BG

13.2AAA

12.7AAA

5.1AA

3.5AA Large

2.9Fail

Black BG

1.6Fail

1.7Fail

4.1AA Large

6.1AA

7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3A3A34

3E3E36

7E7E24

89894A

96963B

Deuteranopia

3D4032

424634

818429

88874F

959343

Tritanopia

4B2F2E

562F2D

8F3538

845C60

8E555B

Achromatopsia

313131

323232

696969

828282

8C8C8C

Shades & Tints Shades & Tints

#4D213A

Dark

Light

#591B3E

Dark

Light

#91660F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4d213a;
  --color-2: #591b3e;
  --color-3: #91660f;
  --color-4: #839133;
  --color-5: #8da11b;
}

SCSS

$color-1: #4d213a;
$color-2: #591b3e;
$color-3: #91660f;
$color-4: #839133;
$color-5: #8da11b;

TAILWIND

colors: {
  'brand-1': '#4d213a',
  'brand-2': '#591b3e',
  'brand-3': '#91660f',
  'brand-4': '#839133',
  'brand-5': '#8da11b',
}

RGB Array

[77, 33, 58], [89, 27, 62], [145, 102, 15], [131, 145, 51], [141, 161, 27]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4D213A, #591B3E, #91660F, #839133, #8DA11B 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: #4d213a; --color-2: #591b3e; --color-3: #91660f; --color-4: #839133; --color-5: #8da11b. 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