← Back to Editor

#A60F3A · #983D0A · #945E12 · #8C781C · #968B74

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

#A60F3A

Dark Violet · Brown · Camellia

HEX
#A60F3A
RGB
rgb(166, 15, 58)
HSL
hsl(343, 83%, 35%)
HSB
hsb(343, 91%, 65%)
CMYK
cmyk(0%, 91%, 65%, 35%)
Oklch
oklch(46.7% 0.179 14.1)

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

#983D0A

Tangerine · Brown · Amber Brown

HEX
#983D0A
RGB
rgb(152, 61, 10)
HSL
hsl(22, 88%, 32%)
HSB
hsb(22, 93%, 60%)
CMYK
cmyk(0%, 60%, 93%, 40%)
Oklch
oklch(47.8% 0.134 43.7)

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

#945E12

Ochre · Sienna · Amber Brown

HEX
#945E12
RGB
rgb(148, 94, 18)
HSL
hsl(35, 78%, 33%)
HSB
hsb(35, 88%, 58%)
CMYK
cmyk(0%, 36%, 88%, 42%)
Oklch
oklch(52.9% 0.109 68.6)

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

#8C781C

Ochre · Olive · Honey Gold

HEX
#8C781C
RGB
rgb(140, 120, 28)
HSL
hsl(49, 67%, 33%)
HSB
hsb(49, 80%, 55%)
CMYK
cmyk(0%, 14%, 80%, 45%)
Oklch
oklch(57.5% 0.108 96.1)

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

#968B74

Ginger · Gray · Sunflower

HEX
#968B74
RGB
rgb(150, 139, 116)
HSL
hsl(41, 14%, 52%)
HSB
hsb(41, 23%, 59%)
CMYK
cmyk(0%, 7%, 23%, 41%)
Oklch
oklch(64.0% 0.036 85.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A60F3A
0FA379

Analogous

A30F83
A60F3A
A32F0F

Triadic

A60F3A
39A30F
0F39A3

Split-Comp.

A60F3A
0FA32F
0F83A3

Tetradic

A60F3A
83A30F
0FA379
2F0FA3

Contrast Matrix WCAG 2.1 Contrast

A60F3A
983D0A
945E12
8C781C
968B74
—
1.1
Fail
1.4
Fail
1.8
Fail
2.3
Fail
1.1
Fail
—
1.3
Fail
1.6
Fail
2.1
Fail
1.4
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
1.8
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
2.3
Fail
2.1
Fail
1.6
Fail
1.3
Fail
—
White BG
7.6AAA
7.0AA
5.4AA
4.4AA Large
3.4AA Large
Black BG
2.8Fail
3.0AA Large
3.9AA Large
4.8AA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

656330
717016
7D7C24
838332
91917A

Deuteranopia

6D792D
767D19
808429
858638
92937B

Tritanopia

9E2726
932022
913336
8B4448
957E7F

Achromatopsia

414141
525252
656565
737373
8C8C8C

Shades & Tints Shades & Tints

#A60F3A

Dark
Light

#983D0A

Dark
Light

#945E12

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a60f3a;
  --color-2: #983d0a;
  --color-3: #945e12;
  --color-4: #8c781c;
  --color-5: #968b74;
}

SCSS

$color-1: #a60f3a;
$color-2: #983d0a;
$color-3: #945e12;
$color-4: #8c781c;
$color-5: #968b74;

TAILWIND

colors: {
  'brand-1': '#a60f3a',
  'brand-2': '#983d0a',
  'brand-3': '#945e12',
  'brand-4': '#8c781c',
  'brand-5': '#968b74',
}

RGB Array

[166, 15, 58], [152, 61, 10], [148, 94, 18], [140, 120, 28], [150, 139, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A60F3A, #983D0A, #945E12, #8C781C, #968B74 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: #a60f3a; --color-2: #983d0a; --color-3: #945e12; --color-4: #8c781c; --color-5: #968b74. 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