← Back to Editor

#793204 · #A27144 · #7A5704 · #4A2F00 · #211C08

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

#793204

Tangerine · Maroon · Cinnamon

HEX
#793204
RGB
rgb(121, 50, 4)
HSL
hsl(24, 94%, 25%)
HSB
hsb(24, 97%, 47%)
CMYK
cmyk(0%, 59%, 97%, 53%)
Oklch
oklch(41.0% 0.112 46.3)

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

#A27144

Tangerine · Sienna · Amber Brown

HEX
#A27144
RGB
rgb(162, 113, 68)
HSL
hsl(29, 41%, 45%)
HSB
hsb(29, 58%, 64%)
CMYK
cmyk(0%, 30%, 58%, 36%)
Oklch
oklch(58.9% 0.087 62.4)

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

#7A5704

Ochre · Olive · Amber Gold

HEX
#7A5704
RGB
rgb(122, 87, 4)
HSL
hsl(42, 94%, 25%)
HSB
hsb(42, 97%, 48%)
CMYK
cmyk(0%, 29%, 97%, 52%)
Oklch
oklch(48.1% 0.098 81.0)

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

#4A2F00

Ochre · Maroon · Cinnamon

HEX
#4A2F00
RGB
rgb(74, 47, 0)
HSL
hsl(38, 100%, 15%)
HSB
hsb(38, 100%, 29%)
CMYK
cmyk(0%, 36%, 100%, 71%)
Oklch
oklch(33.0% 0.070 74.6)

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

#211C08

Ochre · Black · Amber Gold

HEX
#211C08
RGB
rgb(33, 28, 8)
HSL
hsl(48, 61%, 8%)
HSB
hsb(48, 76%, 13%)
CMYK
cmyk(0%, 15%, 76%, 87%)
Oklch
oklch(22.7% 0.034 95.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

793204
044C7C

Analogous

7C0410
793204
7C7004

Triadic

793204
047C34
34047C

Split-Comp.

793204
047C70
04107C

Tetradic

793204
107C04
044C7C
70047C

Contrast Matrix WCAG 2.1 Contrast

793204
A27144
7A5704
4A2F00
211C08
—
2.2
Fail
1.4
Fail
1.3
Fail
1.8
Fail
2.2
Fail
—
1.6
Fail
2.9
Fail
4.0
AA Large
1.4
Fail
1.6
Fail
—
1.9
Fail
2.6
Fail
1.3
Fail
2.9
Fail
1.9
Fail
—
1.4
Fail
1.8
Fail
4.0
AA Large
2.6
Fail
1.4
Fail
—
White BG
9.2AAA
4.2AA Large
6.6AA
12.4AAA
17.0AAA
Black BG
2.3Fail
5.0AA
3.2AA Large
1.7Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5A0F
8D8C4F
6B6B18
3E3E0B
1F1F0D

Deuteranopia

5E6412
909352
6D6F1D
40420E
1F200E

Tritanopia

75181A
A05759
78282B
491416
211112

Achromatopsia

424242
7B7B7B
585858
323232
1B1B1B

Shades & Tints Shades & Tints

#793204

Dark
Light

#A27144

Dark
Light

#7A5704

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #793204;
  --color-2: #a27144;
  --color-3: #7a5704;
  --color-4: #4a2f00;
  --color-5: #211c08;
}

SCSS

$color-1: #793204;
$color-2: #a27144;
$color-3: #7a5704;
$color-4: #4a2f00;
$color-5: #211c08;

TAILWIND

colors: {
  'brand-1': '#793204',
  'brand-2': '#a27144',
  'brand-3': '#7a5704',
  'brand-4': '#4a2f00',
  'brand-5': '#211c08',
}

RGB Array

[121, 50, 4], [162, 113, 68], [122, 87, 4], [74, 47, 0], [33, 28, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #793204, #A27144, #7A5704, #4A2F00, #211C08 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: #793204; --color-2: #a27144; --color-3: #7a5704; --color-4: #4a2f00; --color-5: #211c08. 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