← Back to Editor

#A26721 · #E9D163 · #AF997F · #98413E · #2E131B

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

#A26721

Ochre · Sienna · Amber Brown

HEX
#A26721
RGB
rgb(162, 103, 33)
HSL
hsl(33, 66%, 38%)
HSB
hsb(33, 80%, 64%)
CMYK
cmyk(0%, 36%, 80%, 36%)
Oklch
oklch(56.6% 0.112 65.8)

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

#E9D163

Ginger · BurlyWood · Sunflower

HEX
#E9D163
RGB
rgb(233, 209, 99)
HSL
hsl(49, 75%, 65%)
HSB
hsb(49, 58%, 91%)
CMYK
cmyk(0%, 10%, 58%, 9%)
Oklch
oklch(85.9% 0.132 97.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#AF997F

Ginger · DarkGray · Warm Sun

HEX
#AF997F
RGB
rgb(175, 153, 127)
HSL
hsl(32, 23%, 59%)
HSB
hsb(32, 27%, 69%)
CMYK
cmyk(0%, 13%, 27%, 31%)
Oklch
oklch(69.6% 0.045 71.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#98413E

Crimson · Sienna · Passion Red

HEX
#98413E
RGB
rgb(152, 65, 62)
HSL
hsl(2, 42%, 42%)
HSB
hsb(2, 59%, 60%)
CMYK
cmyk(0%, 57%, 59%, 40%)
Oklch
oklch(49.0% 0.118 24.4)

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

#2E131B

Dark Violet · Black · Raspberry

HEX
#2E131B
RGB
rgb(46, 19, 27)
HSL
hsl(342, 42%, 13%)
HSB
hsb(342, 59%, 18%)
CMYK
cmyk(0%, 59%, 41%, 82%)
Oklch
oklch(23.0% 0.045 2.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A26721
215BA1

Analogous

A12721
A26721
9AA121

Triadic

A26721
21A167
6721A1

Split-Comp.

A26721
219AA1
2721A1

Tetradic

A26721
21A127
215BA1
A1219A

Contrast Matrix WCAG 2.1 Contrast

A26721
E9D163
AF997F
98413E
2E131B
—
3.1
AA Large
1.7
Fail
1.4
Fail
3.7
AA Large
3.1
AA Large
—
1.8
Fail
4.4
AA Large
11.2
AAA
1.7
Fail
1.8
Fail
—
2.4
Fail
6.3
AA
1.4
Fail
4.4
AA Large
2.4
Fail
—
2.6
Fail
3.7
AA Large
11.2
AAA
6.3
AA
2.6
Fail
—
White BG
4.7AA
1.5Fail
2.7Fail
6.6AA
17.1AAA
Black BG
4.5AA Large
13.8AAA
7.7AAA
3.2AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

888832
DFDE7E
A5A585
72723F
222219

Deuteranopia

8C9036
E0E284
A7A887
777E3F
242619

Tritanopia

9F3F42
E89397
AE8A8B
943F3F
2D1817

Achromatopsia

717171
CCCCCC
9D9D9D
5B5B5B
1C1C1C

Shades & Tints Shades & Tints

#A26721

Dark
Light

#E9D163

Dark
Light

#AF997F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a26721;
  --color-2: #e9d163;
  --color-3: #af997f;
  --color-4: #98413e;
  --color-5: #2e131b;
}

SCSS

$color-1: #a26721;
$color-2: #e9d163;
$color-3: #af997f;
$color-4: #98413e;
$color-5: #2e131b;

TAILWIND

colors: {
  'brand-1': '#a26721',
  'brand-2': '#e9d163',
  'brand-3': '#af997f',
  'brand-4': '#98413e',
  'brand-5': '#2e131b',
}

RGB Array

[162, 103, 33], [233, 209, 99], [175, 153, 127], [152, 65, 62], [46, 19, 27]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A26721, #E9D163, #AF997F, #98413E, #2E131B 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: #a26721; --color-2: #e9d163; --color-3: #af997f; --color-4: #98413e; --color-5: #2e131b. 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