← Back to Editor

#432904 · #811224 · #4A2424 · #A80740 · #3E2D06

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

#432904

Ochre · Maroon · Cinnamon

HEX
#432904
RGB
rgb(67, 41, 4)
HSL
hsl(35, 89%, 14%)
HSB
hsb(35, 94%, 26%)
CMYK
cmyk(0%, 39%, 94%, 74%)
Oklch
oklch(30.6% 0.062 70.3)

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

#811224

Vermilion · Maroon · Wine Red

HEX
#811224
RGB
rgb(129, 18, 36)
HSL
hsl(350, 76%, 29%)
HSB
hsb(350, 86%, 51%)
CMYK
cmyk(0%, 86%, 72%, 49%)
Oklch
oklch(39.2% 0.143 19.4)

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

#4A2424

Crimson · DarkSlateGray · Wine Red

HEX
#4A2424
RGB
rgb(74, 36, 36)
HSL
hsl(0, 35%, 22%)
HSB
hsb(0, 51%, 29%)
CMYK
cmyk(0%, 51%, 51%, 71%)
Oklch
oklch(31.2% 0.058 20.9)

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

#A80740

Dark Violet · Brown · Camellia

HEX
#A80740
RGB
rgb(168, 7, 64)
HSL
hsl(339, 92%, 34%)
HSB
hsb(339, 96%, 66%)
CMYK
cmyk(0%, 96%, 62%, 34%)
Oklch
oklch(46.9% 0.184 11.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#3E2D06

Ochre · Black · Amber Gold

HEX
#3E2D06
RGB
rgb(62, 45, 6)
HSL
hsl(42, 82%, 13%)
HSB
hsb(42, 90%, 24%)
CMYK
cmyk(0%, 27%, 90%, 76%)
Oklch
oklch(30.9% 0.058 83.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

432904
041E43

Analogous

430904
432904
3E4304

Triadic

432904
044329
290443

Split-Comp.

432904
043E43
090443

Tetradic

432904
044309
041E43
43043E

Contrast Matrix WCAG 2.1 Contrast

432904
811224
4A2424
A80740
3E2D06
—
1.3
Fail
1.0
Fail
1.8
Fail
1.0
Fail
1.3
Fail
—
1.3
Fail
1.4
Fail
1.3
Fail
1.0
Fail
1.3
Fail
—
1.8
Fail
1.0
Fail
1.8
Fail
1.4
Fail
1.8
Fail
—
1.7
Fail
1.0
Fail
1.3
Fail
1.0
Fail
1.7
Fail
—
White BG
13.5AAA
10.3AAA
13.4AAA
7.6AAA
13.3AAA
Black BG
1.6Fail
2.0Fail
1.6Fail
2.8Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

38380D
515020
3A3924
626132
37360F

Deuteranopia

393B0F
57601F
3C3F24
6C782F
383912

Tritanopia

421416
7B1C1B
482424
A02725
3D1719

Achromatopsia

2D2D2D
353535
2F2F2F
3E3E3E
2E2E2E

Shades & Tints Shades & Tints

#432904

Dark
Light

#811224

Dark
Light

#4A2424

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #432904;
  --color-2: #811224;
  --color-3: #4a2424;
  --color-4: #a80740;
  --color-5: #3e2d06;
}

SCSS

$color-1: #432904;
$color-2: #811224;
$color-3: #4a2424;
$color-4: #a80740;
$color-5: #3e2d06;

TAILWIND

colors: {
  'brand-1': '#432904',
  'brand-2': '#811224',
  'brand-3': '#4a2424',
  'brand-4': '#a80740',
  'brand-5': '#3e2d06',
}

RGB Array

[67, 41, 4], [129, 18, 36], [74, 36, 36], [168, 7, 64], [62, 45, 6]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #432904, #811224, #4A2424, #A80740, #3E2D06 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: #432904; --color-2: #811224; --color-3: #4a2424; --color-4: #a80740; --color-5: #3e2d06. 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