← Back to Editor

#7C8614 · #857C14 · #281705 · #AF4714 · #B93914

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

#7C8614

Autumn Sage · Olive · Honey Gold

HEX
#7C8614
RGB
rgb(124, 134, 20)
HSL
hsl(65, 74%, 30%)
HSB
hsb(65, 85%, 53%)
CMYK
cmyk(7%, 0%, 85%, 47%)
Oklch
oklch(59.2% 0.128 115.0)

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

#857C14

Autumn Sage · Olive · Honey Gold

HEX
#857C14
RGB
rgb(133, 124, 20)
HSL
hsl(55, 74%, 30%)
HSB
hsb(55, 85%, 52%)
CMYK
cmyk(0%, 7%, 85%, 48%)
Oklch
oklch(57.7% 0.116 104.1)

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

#281705

Ochre · Black · Cinnamon

HEX
#281705
RGB
rgb(40, 23, 5)
HSL
hsl(31, 78%, 9%)
HSB
hsb(31, 88%, 16%)
CMYK
cmyk(0%, 42%, 87%, 84%)
Oklch
oklch(22.3% 0.041 65.8)

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

#AF4714

Tangerine · Sienna · Amber Brown

HEX
#AF4714
RGB
rgb(175, 71, 20)
HSL
hsl(20, 79%, 38%)
HSB
hsb(20, 89%, 69%)
CMYK
cmyk(0%, 59%, 89%, 31%)
Oklch
oklch(53.0% 0.148 42.4)

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

#B93914

Vermilion · FireBrick · Wine Red

HEX
#B93914
RGB
rgb(185, 57, 20)
HSL
hsl(13, 80%, 40%)
HSB
hsb(13, 89%, 73%)
CMYK
cmyk(0%, 69%, 89%, 27%)
Oklch
oklch(52.9% 0.171 35.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7C8614
1D1485

Analogous

855614
7C8614
438514

Triadic

7C8614
147C85
85147C

Split-Comp.

7C8614
144385
561485

Tetradic

7C8614
148556
1D1485
851443

Contrast Matrix WCAG 2.1 Contrast

7C8614
857C14
281705
AF4714
B93914
—
1.1
Fail
4.3
AA Large
1.4
Fail
1.4
Fail
1.1
Fail
—
4.0
AA Large
1.3
Fail
1.3
Fail
4.3
AA Large
4.0
AA Large
—
3.1
AA Large
3.0
AA Large
1.4
Fail
1.3
Fail
3.1
AA Large
—
1.0
Fail
1.4
Fail
1.3
Fail
3.0
AA Large
1.0
Fail
—
White BG
4.0AA Large
4.3AA Large
17.3AAA
5.6AA
5.7AA
Black BG
5.3AA
4.9AA
1.2Fail
3.7AA Large
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

808030
81812D
212009
828120
82801D

Deuteranopia

807F36
828233
22230A
889023
89931F

Tritanopia

7D454A
854145
270D0E
AA2A2C
B32426

Achromatopsia

767676
737373
1A1A1A
606060
5B5B5B

Shades & Tints Shades & Tints

#7C8614

Dark
Light

#857C14

Dark
Light

#281705

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7c8614;
  --color-2: #857c14;
  --color-3: #281705;
  --color-4: #af4714;
  --color-5: #b93914;
}

SCSS

$color-1: #7c8614;
$color-2: #857c14;
$color-3: #281705;
$color-4: #af4714;
$color-5: #b93914;

TAILWIND

colors: {
  'brand-1': '#7c8614',
  'brand-2': '#857c14',
  'brand-3': '#281705',
  'brand-4': '#af4714',
  'brand-5': '#b93914',
}

RGB Array

[124, 134, 20], [133, 124, 20], [40, 23, 5], [175, 71, 20], [185, 57, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7C8614, #857C14, #281705, #AF4714, #B93914 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: #7c8614; --color-2: #857c14; --color-3: #281705; --color-4: #af4714; --color-5: #b93914. 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