← Back to Editor

#A38E21 · #AB5C3A · #801D5D · #5E0529 · #2F0400

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#A38E21

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A38E21
RGB
rgb(163, 142, 33)
HSL
hsl(50, 66%, 38%)
HSB
hsb(50, 80%, 64%)
CMYK
cmyk(0%, 13%, 80%, 36%)
Oklch
oklch(64.7% 0.123 97.5)

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

#AB5C3A

Tangerine · Sienna · Amber Brown

HEX
#AB5C3A
RGB
rgb(171, 92, 58)
HSL
hsl(18, 49%, 45%)
HSB
hsb(18, 66%, 67%)
CMYK
cmyk(0%, 46%, 66%, 33%)
Oklch
oklch(56.1% 0.114 43.2)

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

#801D5D

Rose Purple · Purple · Camellia

HEX
#801D5D
RGB
rgb(128, 29, 93)
HSL
hsl(321, 63%, 31%)
HSB
hsb(321, 77%, 50%)
CMYK
cmyk(0%, 77%, 27%, 50%)
Oklch
oklch(41.7% 0.149 345.9)

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

#5E0529

Dark Violet · Maroon · Raspberry

HEX
#5E0529
RGB
rgb(94, 5, 41)
HSL
hsl(336, 90%, 19%)
HSB
hsb(336, 95%, 37%)
CMYK
cmyk(0%, 95%, 56%, 63%)
Oklch
oklch(31.4% 0.120 5.0)

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

#2F0400

Vermilion · Black · Deep Berry

HEX
#2F0400
RGB
rgb(47, 4, 0)
HSL
hsl(5, 100%, 9%)
HSB
hsb(5, 100%, 18%)
CMYK
cmyk(0%, 91%, 100%, 82%)
Oklch
oklch(19.9% 0.072 33.6)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A38E21
2136A1

Analogous

A14C21
A38E21
76A121

Triadic

A38E21
21A18C
8C21A1

Split-Comp.

A38E21
2176A1
4C21A1

Tetradic

A38E21
21A14C
2136A1
A12176

Contrast Matrix WCAG 2.1 Contrast

A38E21
AB5C3A
801D5D
5E0529
2F0400
—
1.5
Fail
2.9
Fail
4.2
AA Large
5.7
AA
1.5
Fail
—
1.9
Fail
2.8
Fail
3.8
AA Large
2.9
Fail
1.9
Fail
—
1.5
Fail
2.0
Fail
4.2
AA Large
2.8
Fail
1.5
Fail
—
1.3
Fail
5.7
AA
3.8
AA Large
2.0
Fail
1.3
Fail
—
White BG
3.3AA Large
4.9AA
9.3AAA
13.7AAA
18.4AAA
Black BG
6.4AA
4.3AA Large
2.3Fail
1.5Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9A3B
898842
55544E
373720
1C1C01

Deuteranopia

9B9D42
8D9344
5B624A
3D431E
1F2201

Tritanopia

A25055
A7494A
7B413F
5A1918
2D0202

Achromatopsia

888888
707070
424242
242424
101010

Shades & Tints Shades & Tints

#A38E21

Dark
Light

#AB5C3A

Dark
Light

#801D5D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a38e21;
  --color-2: #ab5c3a;
  --color-3: #801d5d;
  --color-4: #5e0529;
  --color-5: #2f0400;
}

SCSS

$color-1: #a38e21;
$color-2: #ab5c3a;
$color-3: #801d5d;
$color-4: #5e0529;
$color-5: #2f0400;

TAILWIND

colors: {
  'brand-1': '#a38e21',
  'brand-2': '#ab5c3a',
  'brand-3': '#801d5d',
  'brand-4': '#5e0529',
  'brand-5': '#2f0400',
}

RGB Array

[163, 142, 33], [171, 92, 58], [128, 29, 93], [94, 5, 41], [47, 4, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A38E21, #AB5C3A, #801D5D, #5E0529, #2F0400 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a38e21; --color-2: #ab5c3a; --color-3: #801d5d; --color-4: #5e0529; --color-5: #2f0400. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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