← Back to Editor

#393205 · #0F9358 · #A6A544 · #E59A49 · #921843

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#393205

Autumn Sage · Black · Amber Gold

HEX
#393205
RGB
rgb(57, 50, 5)
HSL
hsl(52, 84%, 12%)
HSB
hsb(52, 91%, 22%)
CMYK
cmyk(0%, 12%, 91%, 78%)
Oklch
oklch(31.5% 0.061 100.0)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#0F9358

Mineral Blue · SeaGreen · Forest Green

HEX
#0F9358
RGB
rgb(15, 147, 88)
HSL
hsl(153, 81%, 32%)
HSB
hsb(153, 90%, 58%)
CMYK
cmyk(90%, 0%, 40%, 42%)
Oklch
oklch(58.5% 0.138 156.2)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#A6A544

Autumn Sage · GoldenRod · Honey Gold

HEX
#A6A544
RGB
rgb(166, 165, 68)
HSL
hsl(59, 42%, 46%)
HSB
hsb(59, 59%, 65%)
CMYK
cmyk(0%, 1%, 59%, 35%)
Oklch
oklch(70.3% 0.119 108.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#E59A49

Ginger · SandyBrown · Warm Sun

HEX
#E59A49
RGB
rgb(229, 154, 73)
HSL
hsl(31, 75%, 59%)
HSB
hsb(31, 68%, 90%)
CMYK
cmyk(0%, 33%, 68%, 10%)
Oklch
oklch(74.6% 0.131 65.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#921843

Dark Violet · Brown · Camellia

HEX
#921843
RGB
rgb(146, 24, 67)
HSL
hsl(339, 72%, 33%)
HSB
hsb(339, 84%, 57%)
CMYK
cmyk(0%, 84%, 54%, 43%)
Oklch
oklch(43.6% 0.157 6.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

393205
050C38

Analogous

381805
393205
253805

Triadic

393205
053831
310538

Split-Comp.

393205
052538
180538

Tetradic

393205
053818
050C38
380525

Contrast Matrix WCAG 2.1 Contrast

393205
0F9358
A6A544
E59A49
921843
—
3.3
AA Large
5.0
AA
5.5
AA
1.5
Fail
3.3
AA Large
—
1.5
Fail
1.7
Fail
2.2
Fail
5.0
AA
1.5
Fail
—
1.1
Fail
3.3
AA Large
5.5
AA
1.7
Fail
1.1
Fail
—
3.7
AA Large
1.5
Fail
2.2
Fail
3.3
AA Large
3.7
AA Large
—
White BG
12.9AAA
3.9AA Large
2.6Fail
2.3Fail
8.6AAA
Black BG
1.6Fail
5.3AA
8.1AAA
9.1AAA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

363610
484966
A6A65B
C5C45D
5D5C39

Deuteranopia

363713
41376A
A6A661
C9CE61
646D36

Tritanopia

39181A
167274
A66E72
E16C6F
8C302F

Achromatopsia

2F2F2F
656565
9A9A9A
A7A7A7
414141

Shades & Tints Shades & Tints

#393205

Dark
Light

#0F9358

Dark
Light

#A6A544

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #393205;
  --color-2: #0f9358;
  --color-3: #a6a544;
  --color-4: #e59a49;
  --color-5: #921843;
}

SCSS

$color-1: #393205;
$color-2: #0f9358;
$color-3: #a6a544;
$color-4: #e59a49;
$color-5: #921843;

TAILWIND

colors: {
  'brand-1': '#393205',
  'brand-2': '#0f9358',
  'brand-3': '#a6a544',
  'brand-4': '#e59a49',
  'brand-5': '#921843',
}

RGB Array

[57, 50, 5], [15, 147, 88], [166, 165, 68], [229, 154, 73], [146, 24, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #393205, #0F9358, #A6A544, #E59A49, #921843 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #393205; --color-2: #0f9358; --color-3: #a6a544; --color-4: #e59a49; --color-5: #921843. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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