← Back to Editor

#5E491D · #483000 · #301800 · #141212 · #5C0000

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

#5E491D

Ochre · DarkOliveGreen · Amber Gold

HEX
#5E491D
RGB
rgb(94, 73, 29)
HSL
hsl(41, 53%, 24%)
HSB
hsb(41, 69%, 37%)
CMYK
cmyk(0%, 22%, 69%, 63%)
Oklch
oklch(41.8% 0.067 83.4)

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

#483000

Ochre · Maroon · Amber Gold

HEX
#483000
RGB
rgb(72, 48, 0)
HSL
hsl(40, 100%, 14%)
HSB
hsb(40, 100%, 28%)
CMYK
cmyk(0%, 33%, 100%, 72%)
Oklch
oklch(32.9% 0.069 78.4)

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

#301800

Ochre · Black · Cinnamon

HEX
#301800
RGB
rgb(48, 24, 0)
HSL
hsl(30, 100%, 9%)
HSB
hsb(30, 100%, 19%)
CMYK
cmyk(0%, 50%, 100%, 81%)
Oklch
oklch(23.8% 0.054 63.5)

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

#141212

Ink Black · Black · Jet Black

HEX
#141212
RGB
rgb(20, 18, 18)
HSL
hsl(0, 5%, 7%)
HSB
hsb(0, 10%, 8%)
CMYK
cmyk(0%, 10%, 10%, 92%)
Oklch
oklch(18.5% 0.003 17.5)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#5C0000

Vermilion · Maroon · Deep Berry

HEX
#5C0000
RGB
rgb(92, 0, 0)
HSL
hsl(0, 100%, 18%)
HSB
hsb(0, 100%, 36%)
CMYK
cmyk(0%, 100%, 100%, 64%)
Oklch
oklch(29.8% 0.122 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E491D
1D315E

Analogous

5E291D
5E491D
525E1D

Triadic

5E491D
1D5E49
491D5E

Split-Comp.

5E491D
1D525E
291D5E

Tetradic

5E491D
1D5E29
1D315E
5E1D52

Contrast Matrix WCAG 2.1 Contrast

5E491D
483000
301800
141212
5C0000
—
1.4
Fail
1.9
Fail
2.2
Fail
1.7
Fail
1.4
Fail
—
1.4
Fail
1.5
Fail
1.2
Fail
1.9
Fail
1.4
Fail
—
1.1
Fail
1.2
Fail
2.2
Fail
1.5
Fail
1.1
Fail
—
1.3
Fail
1.7
Fail
1.2
Fail
1.2
Fail
1.3
Fail
—
White BG
8.6AAA
12.4AAA
16.7AAA
18.7AAA
14.4AAA
Black BG
2.4Fail
1.7Fail
1.3Fail
1.1Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

555528
3E3D0C
262506
131312
343300

Deuteranopia

56582A
3F410E
272907
131312
3A4000

Tritanopia

5D3032
471517
2F0A0B
141212
570000

Achromatopsia

4A4A4A
323232
1C1C1C
131313
1C1C1C

Shades & Tints Shades & Tints

#5E491D

Dark
Light

#483000

Dark
Light

#301800

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e491d;
  --color-2: #483000;
  --color-3: #301800;
  --color-4: #141212;
  --color-5: #5c0000;
}

SCSS

$color-1: #5e491d;
$color-2: #483000;
$color-3: #301800;
$color-4: #141212;
$color-5: #5c0000;

TAILWIND

colors: {
  'brand-1': '#5e491d',
  'brand-2': '#483000',
  'brand-3': '#301800',
  'brand-4': '#141212',
  'brand-5': '#5c0000',
}

RGB Array

[94, 73, 29], [72, 48, 0], [48, 24, 0], [20, 18, 18], [92, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5E491D, #483000, #301800, #141212, #5C0000 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: #5e491d; --color-2: #483000; --color-3: #301800; --color-4: #141212; --color-5: #5c0000. 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