← Back to Editor

#A8AF14 · #7A7A0A · #B71500 · #823211 · #273913

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

#A8AF14

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A8AF14
RGB
rgb(168, 175, 20)
HSL
hsl(63, 79%, 38%)
HSB
hsb(63, 89%, 69%)
CMYK
cmyk(4%, 0%, 89%, 31%)
Oklch
oklch(72.4% 0.157 112.6)

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

#7A7A0A

Autumn Sage · Olive · Honey Gold

HEX
#7A7A0A
RGB
rgb(122, 122, 10)
HSL
hsl(60, 85%, 26%)
HSB
hsb(60, 92%, 48%)
CMYK
cmyk(0%, 0%, 92%, 52%)
Oklch
oklch(56.1% 0.119 109.7)

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

#B71500

Vermilion · FireBrick · Wine Red

HEX
#B71500
RGB
rgb(183, 21, 0)
HSL
hsl(7, 100%, 36%)
HSB
hsb(7, 100%, 72%)
CMYK
cmyk(0%, 89%, 100%, 28%)
Oklch
oklch(49.6% 0.194 30.8)

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

#823211

Tangerine · Brown · Amber Brown

HEX
#823211
RGB
rgb(130, 50, 17)
HSL
hsl(18, 77%, 29%)
HSB
hsb(18, 87%, 51%)
CMYK
cmyk(0%, 62%, 87%, 49%)
Oklch
oklch(42.6% 0.119 40.4)

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

#273913

Grass Green · DarkGreen · Dark Green

HEX
#273913
RGB
rgb(39, 57, 19)
HSL
hsl(88, 50%, 15%)
HSB
hsb(88, 67%, 22%)
CMYK
cmyk(32%, 0%, 67%, 78%)
Oklch
oklch(31.9% 0.065 130.5)

Traditional「Grass Green」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8AF14
1C14AD

Analogous

AD6914
A8AF14
59AD14

Triadic

A8AF14
14A6AD
AD14A6

Split-Comp.

A8AF14
1459AD
6914AD

Tetradic

A8AF14
14AD69
1C14AD
AD1459

Contrast Matrix WCAG 2.1 Contrast

A8AF14
7A7A0A
B71500
823211
273913
—
1.9
Fail
2.8
Fail
3.6
AA Large
5.2
AA
1.9
Fail
—
1.5
Fail
1.9
Fail
2.7
Fail
2.8
Fail
1.5
Fail
—
1.3
Fail
1.9
Fail
3.6
AA Large
1.9
Fail
1.3
Fail
—
1.4
Fail
5.2
AA
2.7
Fail
1.9
Fail
1.4
Fail
—
White BG
2.4Fail
4.5AA
6.7AA
8.7AAA
12.5AAA
Black BG
8.8AAA
4.6AA
3.1AA Large
2.4Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAB3A
7A7A25
716F05
5F5F19
2F2F1C

Deuteranopia

ABAA43
7A7A2C
7A8606
646A1B
2E2C1E

Tritanopia

A8575E
7A3A3F
AF090A
7E1F21
282325

Achromatopsia

9B9B9B
6D6D6D
434343
464646
2F2F2F

Shades & Tints Shades & Tints

#A8AF14

Dark
Light

#7A7A0A

Dark
Light

#B71500

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8af14;
  --color-2: #7a7a0a;
  --color-3: #b71500;
  --color-4: #823211;
  --color-5: #273913;
}

SCSS

$color-1: #a8af14;
$color-2: #7a7a0a;
$color-3: #b71500;
$color-4: #823211;
$color-5: #273913;

TAILWIND

colors: {
  'brand-1': '#a8af14',
  'brand-2': '#7a7a0a',
  'brand-3': '#b71500',
  'brand-4': '#823211',
  'brand-5': '#273913',
}

RGB Array

[168, 175, 20], [122, 122, 10], [183, 21, 0], [130, 50, 17], [39, 57, 19]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A8AF14, #7A7A0A, #B71500, #823211, #273913 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: #a8af14; --color-2: #7a7a0a; --color-3: #b71500; --color-4: #823211; --color-5: #273913. 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