← Back to Editor

#AA870D · #261802 · #C9636F · #E9E096 · #EEB85B

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 AppData Visualization

Color Details Color Details

#AA870D

Ochre · DarkGoldenRod · Honey Gold

HEX
#AA870D
RGB
rgb(170, 135, 13)
HSL
hsl(47, 86%, 36%)
HSB
hsb(47, 92%, 67%)
CMYK
cmyk(0%, 21%, 92%, 33%)
Oklch
oklch(63.9% 0.128 89.8)

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

#261802

Ochre · Black · Cinnamon

HEX
#261802
RGB
rgb(38, 24, 2)
HSL
hsl(37, 90%, 8%)
HSB
hsb(37, 95%, 15%)
CMYK
cmyk(0%, 37%, 95%, 85%)
Oklch
oklch(22.2% 0.043 77.2)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#C9636F

Crimson · LightCoral · Passion Red

HEX
#C9636F
RGB
rgb(201, 99, 111)
HSL
hsl(353, 49%, 59%)
HSB
hsb(353, 51%, 79%)
CMYK
cmyk(0%, 51%, 45%, 21%)
Oklch
oklch(62.4% 0.130 14.2)

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

#E9E096

Fresh Green · Khaki · Sunflower

HEX
#E9E096
RGB
rgb(233, 224, 150)
HSL
hsl(53, 65%, 75%)
HSB
hsb(53, 36%, 91%)
CMYK
cmyk(0%, 4%, 36%, 9%)
Oklch
oklch(89.7% 0.094 102.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#EEB85B

Ginger · SandyBrown · Warm Sun

HEX
#EEB85B
RGB
rgb(238, 184, 91)
HSL
hsl(38, 81%, 65%)
HSB
hsb(38, 62%, 93%)
CMYK
cmyk(0%, 23%, 62%, 7%)
Oklch
oklch(81.4% 0.127 79.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AA870D
0D2FAB

Analogous

AB3A0D
AA870D
7EAB0D

Triadic

AA870D
0DAB89
890DAB

Split-Comp.

AA870D
0D7EAB
3A0DAB

Tetradic

AA870D
0DAB3A
0D2FAB
AB0D7E

Contrast Matrix WCAG 2.1 Contrast

AA870D
261802
C9636F
E9E096
EEB85B
—
5.1
AA
1.1
Fail
2.5
Fail
1.9
Fail
5.1
AA
—
4.5
AA
12.8
AAA
9.6
AAA
1.1
Fail
4.5
AA
—
2.8
Fail
2.1
Fail
2.5
Fail
12.8
AAA
2.8
Fail
—
1.3
Fail
1.9
Fail
9.6
AAA
2.1
Fail
1.3
Fail
—
White BG
3.4AA Large
17.3AAA
3.8AA Large
1.3Fail
1.8Fail
Black BG
6.2AA
1.2Fail
5.5AA
15.6AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9B2B
202007
9D9C6C
E5E5A8
D7D672

Deuteranopia

9DA032
212209
A3AA6B
E6E6AC
DADE77

Tritanopia

A84247
250C0C
C46A69
E9B6B9
EB8387

Achromatopsia

848484
1A1A1A
838383
DADADA
BEBEBE

Shades & Tints Shades & Tints

#AA870D

Dark
Light

#261802

Dark
Light

#C9636F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aa870d;
  --color-2: #261802;
  --color-3: #c9636f;
  --color-4: #e9e096;
  --color-5: #eeb85b;
}

SCSS

$color-1: #aa870d;
$color-2: #261802;
$color-3: #c9636f;
$color-4: #e9e096;
$color-5: #eeb85b;

TAILWIND

colors: {
  'brand-1': '#aa870d',
  'brand-2': '#261802',
  'brand-3': '#c9636f',
  'brand-4': '#e9e096',
  'brand-5': '#eeb85b',
}

RGB Array

[170, 135, 13], [38, 24, 2], [201, 99, 111], [233, 224, 150], [238, 184, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AA870D, #261802, #C9636F, #E9E096, #EEB85B is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #aa870d; --color-2: #261802; --color-3: #c9636f; --color-4: #e9e096; --color-5: #eeb85b. 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 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