← Back to Editor

#C4372D · #DAA16C · #AE6B41 · #1A160D · #8A9472

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#C4372D

Vermilion · FireBrick · Passion Red

HEX
#C4372D
RGB
rgb(196, 55, 45)
HSL
hsl(4, 63%, 47%)
HSB
hsb(4, 77%, 77%)
CMYK
cmyk(0%, 72%, 77%, 23%)
Oklch
oklch(54.8% 0.180 28.5)

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

#DAA16C

Apricot · DarkSalmon · Warm Sun

HEX
#DAA16C
RGB
rgb(218, 161, 108)
HSL
hsl(29, 60%, 64%)
HSB
hsb(29, 50%, 85%)
CMYK
cmyk(0%, 26%, 50%, 15%)
Oklch
oklch(75.1% 0.097 63.4)

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

#AE6B41

Tangerine · Sienna · Amber Brown

HEX
#AE6B41
RGB
rgb(174, 107, 65)
HSL
hsl(23, 46%, 47%)
HSB
hsb(23, 63%, 68%)
CMYK
cmyk(0%, 39%, 63%, 32%)
Oklch
oklch(59.2% 0.103 51.7)

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

#1A160D

Ochre · Black · Amber Gold

HEX
#1A160D
RGB
rgb(26, 22, 13)
HSL
hsl(42, 33%, 8%)
HSB
hsb(42, 50%, 10%)
CMYK
cmyk(0%, 15%, 50%, 90%)
Oklch
oklch(20.2% 0.018 86.7)

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

#8A9472

Grass Green · Gray · Olive Green

HEX
#8A9472
RGB
rgb(138, 148, 114)
HSL
hsl(78, 14%, 51%)
HSB
hsb(78, 23%, 58%)
CMYK
cmyk(7%, 0%, 23%, 42%)
Oklch
oklch(64.9% 0.050 121.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C4372D
2CB9C3

Analogous

C32C6E
C4372D
C3822C

Triadic

C4372D
2CC336
362CC3

Split-Comp.

C4372D
2CC382
2C6EC3

Tetradic

C4372D
6EC32C
2CB9C3
822CC3

Contrast Matrix WCAG 2.1 Contrast

C4372D
DAA16C
AE6B41
1A160D
8A9472
—
2.4
Fail
1.3
Fail
3.4
AA Large
1.7
Fail
2.4
Fail
—
1.9
Fail
8.0
AAA
1.4
Fail
1.3
Fail
1.9
Fail
—
4.3
AA Large
1.3
Fail
3.4
AA Large
8.0
AAA
4.3
AA Large
—
5.6
AA
1.7
Fail
1.4
Fail
1.3
Fail
5.6
AA
—
White BG
5.3AA
2.3Fail
4.2AA Large
18.0AAA
3.2AA Large
Black BG
3.9AA Large
9.3AAA
5.0AA
1.2Fail
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

87862F
C1C179
91904B
18180F
8E8E7A

Deuteranopia

8F9A30
C5C97C
959A4E
191910
8E8D7C

Tritanopia

BD3132
D78385
AB5355
1A1111
8B8182

Achromatopsia

606060
ACACAC
7A7A7A
161616
8D8D8D

Shades & Tints Shades & Tints

#C4372D

Dark
Light

#DAA16C

Dark
Light

#AE6B41

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c4372d;
  --color-2: #daa16c;
  --color-3: #ae6b41;
  --color-4: #1a160d;
  --color-5: #8a9472;
}

SCSS

$color-1: #c4372d;
$color-2: #daa16c;
$color-3: #ae6b41;
$color-4: #1a160d;
$color-5: #8a9472;

TAILWIND

colors: {
  'brand-1': '#c4372d',
  'brand-2': '#daa16c',
  'brand-3': '#ae6b41',
  'brand-4': '#1a160d',
  'brand-5': '#8a9472',
}

RGB Array

[196, 55, 45], [218, 161, 108], [174, 107, 65], [26, 22, 13], [138, 148, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C4372D, #DAA16C, #AE6B41, #1A160D, #8A9472 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c4372d; --color-2: #daa16c; --color-3: #ae6b41; --color-4: #1a160d; --color-5: #8a9472. 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 tech, SaaS, healthcare, eco industries. 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