← Back to Editor

#7E5C07 · #AC1824 · #4E0810 · #6B3D00 · #942C23

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

#7E5C07

Ochre · Olive · Honey Gold

HEX
#7E5C07
RGB
rgb(126, 92, 7)
HSL
hsl(43, 89%, 26%)
HSB
hsb(43, 94%, 49%)
CMYK
cmyk(0%, 27%, 94%, 51%)
Oklch
oklch(49.7% 0.100 82.7)

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

#AC1824

Vermilion · FireBrick · Wine Red

HEX
#AC1824
RGB
rgb(172, 24, 36)
HSL
hsl(355, 76%, 38%)
HSB
hsb(355, 86%, 67%)
CMYK
cmyk(0%, 86%, 79%, 33%)
Oklch
oklch(47.9% 0.180 24.3)

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

#4E0810

Vermilion · Maroon · Deep Berry

HEX
#4E0810
RGB
rgb(78, 8, 16)
HSL
hsl(353, 81%, 17%)
HSB
hsb(353, 90%, 31%)
CMYK
cmyk(0%, 90%, 79%, 69%)
Oklch
oklch(27.6% 0.100 21.6)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#6B3D00

Ochre · Maroon · Cinnamon

HEX
#6B3D00
RGB
rgb(107, 61, 0)
HSL
hsl(34, 100%, 21%)
HSB
hsb(34, 100%, 42%)
CMYK
cmyk(0%, 43%, 100%, 58%)
Oklch
oklch(40.7% 0.092 64.4)

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

#942C23

Vermilion · Brown · Wine Red

HEX
#942C23
RGB
rgb(148, 44, 35)
HSL
hsl(5, 62%, 36%)
HSB
hsb(5, 76%, 58%)
CMYK
cmyk(0%, 70%, 76%, 42%)
Oklch
oklch(45.1% 0.141 28.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7E5C07
07297D

Analogous

7D2107
7E5C07
647D07

Triadic

7E5C07
077D5C
5C077D

Split-Comp.

7E5C07
07647D
21077D

Tetradic

7E5C07
077D21
07297D
7D0764

Contrast Matrix WCAG 2.1 Contrast

7E5C07
AC1824
4E0810
6B3D00
942C23
—
1.2
Fail
2.5
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
2.1
Fail
1.3
Fail
1.1
Fail
2.5
Fail
2.1
Fail
—
1.7
Fail
1.9
Fail
1.5
Fail
1.3
Fail
1.7
Fail
—
1.2
Fail
1.3
Fail
1.1
Fail
1.9
Fail
1.2
Fail
—
White BG
6.1AA
7.2AAA
15.4AAA
9.2AAA
7.9AAA
Black BG
3.4AA Large
2.9Fail
1.4Fail
2.3Fail
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6F6F1C
6C6B21
302F0E
57570F
676625

Deuteranopia

717421
758020
34390E
5A5D12
6D7526

Tritanopia

7C2C2F
A51F1E
4B0D0C
691A1D
8F2727

Achromatopsia

5C5C5C
464646
1E1E1E
444444
4A4A4A

Shades & Tints Shades & Tints

#7E5C07

Dark
Light

#AC1824

Dark
Light

#4E0810

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7e5c07;
  --color-2: #ac1824;
  --color-3: #4e0810;
  --color-4: #6b3d00;
  --color-5: #942c23;
}

SCSS

$color-1: #7e5c07;
$color-2: #ac1824;
$color-3: #4e0810;
$color-4: #6b3d00;
$color-5: #942c23;

TAILWIND

colors: {
  'brand-1': '#7e5c07',
  'brand-2': '#ac1824',
  'brand-3': '#4e0810',
  'brand-4': '#6b3d00',
  'brand-5': '#942c23',
}

RGB Array

[126, 92, 7], [172, 24, 36], [78, 8, 16], [107, 61, 0], [148, 44, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7E5C07, #AC1824, #4E0810, #6B3D00, #942C23 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: #7e5c07; --color-2: #ac1824; --color-3: #4e0810; --color-4: #6b3d00; --color-5: #942c23. 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