← Back to Editor

#D3A06B · #C83F1F · #751C18 · #BA840A · #484131

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

#D3A06B

Ginger · DarkSalmon · Warm Sun

HEX
#D3A06B
RGB
rgb(211, 160, 107)
HSL
hsl(31, 54%, 62%)
HSB
hsb(31, 49%, 83%)
CMYK
cmyk(0%, 24%, 49%, 17%)
Oklch
oklch(74.2% 0.092 66.7)

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

#C83F1F

Vermilion · FireBrick · Passion Red

HEX
#C83F1F
RGB
rgb(200, 63, 31)
HSL
hsl(11, 73%, 45%)
HSB
hsb(11, 85%, 78%)
CMYK
cmyk(0%, 69%, 85%, 22%)
Oklch
oklch(56.2% 0.179 34.2)

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

#751C18

Vermilion · Maroon · Wine Red

HEX
#751C18
RGB
rgb(117, 28, 24)
HSL
hsl(3, 66%, 28%)
HSB
hsb(3, 79%, 46%)
CMYK
cmyk(0%, 76%, 79%, 54%)
Oklch
oklch(37.5% 0.124 27.5)

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

#BA840A

Ochre · DarkGoldenRod · Honey Gold

HEX
#BA840A
RGB
rgb(186, 132, 10)
HSL
hsl(42, 90%, 38%)
HSB
hsb(42, 95%, 73%)
CMYK
cmyk(0%, 29%, 95%, 27%)
Oklch
oklch(65.0% 0.133 79.2)

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

#484131

Ochre · DarkSlateGray · Amber Gold

HEX
#484131
RGB
rgb(72, 65, 49)
HSL
hsl(42, 19%, 24%)
HSB
hsb(42, 32%, 28%)
CMYK
cmyk(0%, 10%, 32%, 72%)
Oklch
oklch(37.8% 0.028 87.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3A06B
6A9CD2

Analogous

D26C6A
D3A06B
D1D26A

Triadic

D3A06B
6AD2A0
A06AD2

Split-Comp.

D3A06B
6AD1D2
6C6AD2

Tetradic

D3A06B
6AD26C
6A9CD2
D26AD1

Contrast Matrix WCAG 2.1 Contrast

D3A06B
C83F1F
751C18
BA840A
484131
—
2.2
Fail
4.7
AA
1.4
Fail
4.3
AA Large
2.2
Fail
—
2.2
Fail
1.5
Fail
2.0
Fail
4.7
AA
2.2
Fail
—
3.3
AA Large
1.1
Fail
1.4
Fail
1.5
Fail
3.3
AA Large
—
3.1
AA Large
4.3
AA Large
2.0
Fail
1.1
Fail
3.1
AA Large
—
White BG
2.3Fail
5.0AA
10.8AAA
3.3AA Large
10.1AAA
Black BG
9.0AAA
4.2AA Large
1.9Fail
6.4AA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBC78
8D8B27
4E4E19
A3A228
454535

Deuteranopia

C0C47B
959F29
545A19
A6AA2F
454636

Tritanopia

D08284
C12D2E
711A1A
B73F44
483839

Achromatopsia

A9A9A9
646464
363636
868686
414141

Shades & Tints Shades & Tints

#D3A06B

Dark
Light

#C83F1F

Dark
Light

#751C18

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3a06b;
  --color-2: #c83f1f;
  --color-3: #751c18;
  --color-4: #ba840a;
  --color-5: #484131;
}

SCSS

$color-1: #d3a06b;
$color-2: #c83f1f;
$color-3: #751c18;
$color-4: #ba840a;
$color-5: #484131;

TAILWIND

colors: {
  'brand-1': '#d3a06b',
  'brand-2': '#c83f1f',
  'brand-3': '#751c18',
  'brand-4': '#ba840a',
  'brand-5': '#484131',
}

RGB Array

[211, 160, 107], [200, 63, 31], [117, 28, 24], [186, 132, 10], [72, 65, 49]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D3A06B, #C83F1F, #751C18, #BA840A, #484131 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: #d3a06b; --color-2: #c83f1f; --color-3: #751c18; --color-4: #ba840a; --color-5: #484131. 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