← Back to Editor

#71A96A · #ADA500 · #BA8600 · #F43518 · #6C3D05

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

#71A96A

Celadon · Gray · Olive Green

HEX
#71A96A
RGB
rgb(113, 169, 106)
HSL
hsl(113, 27%, 54%)
HSB
hsb(113, 37%, 66%)
CMYK
cmyk(33%, 0%, 37%, 34%)
Oklch
oklch(68.0% 0.108 141.7)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#ADA500

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#ADA500
RGB
rgb(173, 165, 0)
HSL
hsl(57, 100%, 34%)
HSB
hsb(57, 100%, 68%)
CMYK
cmyk(0%, 5%, 100%, 32%)
Oklch
oklch(70.6% 0.151 106.2)

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

#BA8600

Ochre · DarkGoldenRod · Honey Gold

HEX
#BA8600
RGB
rgb(186, 134, 0)
HSL
hsl(43, 100%, 36%)
HSB
hsb(43, 100%, 73%)
CMYK
cmyk(0%, 28%, 100%, 27%)
Oklch
oklch(65.4% 0.135 81.1)

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

#F43518

Vermilion · OrangeRed · Passion Red

HEX
#F43518
RGB
rgb(244, 53, 24)
HSL
hsl(8, 91%, 53%)
HSB
hsb(8, 90%, 96%)
CMYK
cmyk(0%, 78%, 90%, 4%)
Oklch
oklch(62.9% 0.229 31.5)

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

#6C3D05

Ochre · Maroon · Cinnamon

HEX
#6C3D05
RGB
rgb(108, 61, 5)
HSL
hsl(33, 91%, 22%)
HSB
hsb(33, 95%, 42%)
CMYK
cmyk(0%, 44%, 95%, 58%)
Oklch
oklch(40.9% 0.091 62.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

71A96A
A26AA9

Analogous

91A96A
71A96A
6AA982

Triadic

71A96A
6A71A9
A96A71

Split-Comp.

71A96A
826AA9
A96A91

Tetradic

71A96A
6A91A9
A26AA9
A9826A

Contrast Matrix WCAG 2.1 Contrast

71A96A
ADA500
BA8600
F43518
6C3D05
—
1.1
Fail
1.2
Fail
1.4
Fail
3.3
AA Large
1.1
Fail
—
1.3
Fail
1.5
Fail
3.5
AA Large
1.2
Fail
1.3
Fail
—
1.2
Fail
2.8
Fail
1.4
Fail
1.5
Fail
1.2
Fail
—
2.3
Fail
3.3
AA Large
3.5
AA Large
2.8
Fail
2.3
Fail
—
White BG
2.8Fail
2.6Fail
3.2AA Large
3.9AA Large
9.1AAA
Black BG
7.6AAA
8.2AAA
6.5AA
5.4AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

898A79
AAA928
A3A320
A1A01F
585713

Deuteranopia

86827D
AAAB32
A7AA28
ACBB21
5A5E16

Tritanopia

748588
AD474E
B73A40
EA2526
6A1D20

Achromatopsia

919191
959595
868686
6B6B6B
454545

Shades & Tints Shades & Tints

#71A96A

Dark
Light

#ADA500

Dark
Light

#BA8600

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #71a96a;
  --color-2: #ada500;
  --color-3: #ba8600;
  --color-4: #f43518;
  --color-5: #6c3d05;
}

SCSS

$color-1: #71a96a;
$color-2: #ada500;
$color-3: #ba8600;
$color-4: #f43518;
$color-5: #6c3d05;

TAILWIND

colors: {
  'brand-1': '#71a96a',
  'brand-2': '#ada500',
  'brand-3': '#ba8600',
  'brand-4': '#f43518',
  'brand-5': '#6c3d05',
}

RGB Array

[113, 169, 106], [173, 165, 0], [186, 134, 0], [244, 53, 24], [108, 61, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #71A96A, #ADA500, #BA8600, #F43518, #6C3D05 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: #71a96a; --color-2: #ada500; --color-3: #ba8600; --color-4: #f43518; --color-5: #6c3d05. 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