← Back to Editor

#7A5D06 · #8B040A · #510505 · #310910 · #0B0509

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

#7A5D06

Ochre · Olive · Amber Gold

HEX
#7A5D06
RGB
rgb(122, 93, 6)
HSL
hsl(45, 91%, 25%)
HSB
hsb(45, 95%, 48%)
CMYK
cmyk(0%, 24%, 95%, 52%)
Oklch
oklch(49.5% 0.099 86.8)

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

#8B040A

Vermilion · DarkRed · Wine Red

HEX
#8B040A
RGB
rgb(139, 4, 10)
HSL
hsl(357, 94%, 28%)
HSB
hsb(357, 97%, 55%)
CMYK
cmyk(0%, 97%, 93%, 45%)
Oklch
oklch(40.2% 0.162 27.6)

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

#510505

Vermilion · Maroon · Deep Berry

HEX
#510505
RGB
rgb(81, 5, 5)
HSL
hsl(0, 88%, 17%)
HSB
hsb(0, 94%, 32%)
CMYK
cmyk(0%, 94%, 94%, 68%)
Oklch
oklch(27.8% 0.107 27.9)

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

#310910

Vermilion · Black · Deep Berry

HEX
#310910
RGB
rgb(49, 9, 16)
HSL
hsl(350, 69%, 11%)
HSB
hsb(350, 82%, 19%)
CMYK
cmyk(0%, 82%, 67%, 81%)
Oklch
oklch(21.5% 0.065 14.2)

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

#0B0509

Rose Purple · Black · Raspberry

HEX
#0B0509
RGB
rgb(11, 5, 9)
HSL
hsl(320, 38%, 3%)
HSB
hsb(320, 55%, 4%)
CMYK
cmyk(0%, 55%, 18%, 96%)
Oklch
oklch(12.8% 0.017 337.6)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A5D06
06237A

Analogous

7A2306
7A5D06
5D7A06

Triadic

7A5D06
067A5D
5D067A

Split-Comp.

7A5D06
065D7A
23067A

Tetradic

7A5D06
067A23
06237A
7A065D

Contrast Matrix WCAG 2.1 Contrast

7A5D06
8B040A
510505
310910
0B0509
—
1.6
Fail
2.5
Fail
2.9
Fail
3.3
AA Large
1.6
Fail
—
1.5
Fail
1.8
Fail
2.0
Fail
2.5
Fail
1.5
Fail
—
1.2
Fail
1.3
Fail
2.9
Fail
1.8
Fail
1.2
Fail
—
1.1
Fail
3.3
AA Large
2.0
Fail
1.3
Fail
1.1
Fail
—
White BG
6.2AA
9.9AAA
15.3AAA
17.8AAA
20.2AAA
Black BG
3.4AA Large
2.1Fail
1.4Fail
1.2Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6D1B
514F09
302F05
201F0E
080808

Deuteranopia

6F7120
586308
353A05
22250E
090908

Tritanopia

792C2F
840707
4D0505
2F0D0D
0B0707

Achromatopsia

5C5C5C
2D2D2D
1C1C1C
161616
070707

Shades & Tints Shades & Tints

#7A5D06

Dark
Light

#8B040A

Dark
Light

#510505

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a5d06;
  --color-2: #8b040a;
  --color-3: #510505;
  --color-4: #310910;
  --color-5: #0b0509;
}

SCSS

$color-1: #7a5d06;
$color-2: #8b040a;
$color-3: #510505;
$color-4: #310910;
$color-5: #0b0509;

TAILWIND

colors: {
  'brand-1': '#7a5d06',
  'brand-2': '#8b040a',
  'brand-3': '#510505',
  'brand-4': '#310910',
  'brand-5': '#0b0509',
}

RGB Array

[122, 93, 6], [139, 4, 10], [81, 5, 5], [49, 9, 16], [11, 5, 9]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7A5D06, #8B040A, #510505, #310910, #0B0509 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: #7a5d06; --color-2: #8b040a; --color-3: #510505; --color-4: #310910; --color-5: #0b0509. 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