#999329 + #2B2B1A + #ED1355 + #A13054 + #614138 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#999329

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#999329

RGB

rgb(153, 147, 41)

HSL

hsl(57, 58%, 38%)

HSB

hsb(57, 73%, 60%)

CMYK

cmyk(0%, 4%, 73%, 40%)

Oklch

oklch(64.9% 0.123 106.1)

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

#2B2B1A

Autumn Sage · DarkSlateGray · Amber Gold

HEX

#2B2B1A

RGB

rgb(43, 43, 26)

HSL

hsl(60, 25%, 14%)

HSB

hsb(60, 40%, 17%)

CMYK

cmyk(0%, 0%, 40%, 83%)

Oklch

oklch(28.4% 0.029 108.1)

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

#ED1355

Dark Violet · Crimson · Camellia

HEX

#ED1355

RGB

rgb(237, 19, 85)

HSL

hsl(342, 86%, 50%)

HSB

hsb(342, 92%, 93%)

CMYK

cmyk(0%, 92%, 64%, 7%)

Oklch

oklch(60.6% 0.236 14.1)

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

#A13054

Dark Violet · Brown · Camellia

HEX

#A13054

RGB

rgb(161, 48, 84)

HSL

hsl(341, 54%, 41%)

HSB

hsb(341, 70%, 63%)

CMYK

cmyk(0%, 70%, 48%, 37%)

Oklch

oklch(48.9% 0.150 5.3)

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

#614138

Crimson · DarkOliveGreen · Wine Red

HEX

#614138

RGB

rgb(97, 65, 56)

HSL

hsl(13, 27%, 30%)

HSB

hsb(13, 42%, 38%)

CMYK

cmyk(0%, 33%, 42%, 62%)

Oklch

oklch(40.9% 0.047 36.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

999329

292E99

Analogous

995B29

999329

679929

Triadic

999329

299993

932999

Split-Comp.

999329

296799

5B2999

Tetradic

999329

29995B

292E99

992967

Contrast Matrix WCAG 2.1 Contrast

999329	2B2B1A	ED1355	A13054	614138
—	4.5 AA Large	1.4 Fail	2.1 Fail	2.8 Fail
4.5 AA Large	—	3.3 AA Large	2.1 Fail	1.6 Fail
1.4 Fail	3.3 AA Large	—	1.6 Fail	2.1 Fail
2.1 Fail	2.1 Fail	1.6 Fail	—	1.3 Fail
2.8 Fail	1.6 Fail	2.1 Fail	1.3 Fail	—

White BG

3.2AA Large

14.4AAA

4.4AA Large

6.8AA

9.0AAA

Black BG

6.6AA

1.5Fail

4.8AA

3.1AA Large

2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

969643

2B2B1E

8F8D45

706F4B

53533A

Deuteranopia

979749

2B2B1F

9BAC41

777F49

55573B

Tritanopia

99575B

2B2122

E23836

9B4443

5F3C3C

Achromatopsia

898989

292929

5C5C5C

565656

4A4A4A

Shades & Tints Shades & Tints

#999329

Dark

Light

#2B2B1A

Dark

Light

#ED1355

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #999329;
  --color-2: #2b2b1a;
  --color-3: #ed1355;
  --color-4: #a13054;
  --color-5: #614138;
}

SCSS

$color-1: #999329;
$color-2: #2b2b1a;
$color-3: #ed1355;
$color-4: #a13054;
$color-5: #614138;

TAILWIND

colors: {
  'brand-1': '#999329',
  'brand-2': '#2b2b1a',
  'brand-3': '#ed1355',
  'brand-4': '#a13054',
  'brand-5': '#614138',
}

RGB Array

[153, 147, 41], [43, 43, 26], [237, 19, 85], [161, 48, 84], [97, 65, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #999329, #2B2B1A, #ED1355, #A13054, #614138 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: #999329; --color-2: #2b2b1a; --color-3: #ed1355; --color-4: #a13054; --color-5: #614138. 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