← Back to Editor

#E6D049 · #94172C · #550D19 · #6F3A32 · #9F9447

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E6D049

Autumn Sage · SandyBrown · Sunflower

HEX
#E6D049
RGB
rgb(230, 208, 73)
HSL
hsl(52, 76%, 59%)
HSB
hsb(52, 68%, 90%)
CMYK
cmyk(0%, 10%, 68%, 10%)
Oklch
oklch(85.2% 0.152 99.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#94172C

Vermilion · Brown · Wine Red

HEX
#94172C
RGB
rgb(148, 23, 44)
HSL
hsl(350, 73%, 34%)
HSB
hsb(350, 84%, 58%)
CMYK
cmyk(0%, 84%, 70%, 42%)
Oklch
oklch(43.4% 0.158 18.9)

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

#550D19

Vermilion · Maroon · Deep Berry

HEX
#550D19
RGB
rgb(85, 13, 25)
HSL
hsl(350, 73%, 19%)
HSB
hsb(350, 85%, 33%)
CMYK
cmyk(0%, 85%, 71%, 67%)
Oklch
oklch(29.7% 0.103 17.5)

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

#6F3A32

Crimson · Sienna · Wine Red

HEX
#6F3A32
RGB
rgb(111, 58, 50)
HSL
hsl(8, 38%, 32%)
HSB
hsb(8, 55%, 44%)
CMYK
cmyk(0%, 48%, 55%, 56%)
Oklch
oklch(41.3% 0.077 29.7)

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

#9F9447

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9F9447
RGB
rgb(159, 148, 71)
HSL
hsl(53, 38%, 45%)
HSB
hsb(53, 55%, 62%)
CMYK
cmyk(0%, 7%, 55%, 38%)
Oklch
oklch(66.0% 0.099 101.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6D049
475CE6

Analogous

E68147
E6D049
ACE647

Triadic

E6D049
47E6D1
D147E6

Split-Comp.

E6D049
47ACE6
8147E6

Tetradic

E6D049
47E681
475CE6
E647AC

Contrast Matrix WCAG 2.1 Contrast

E6D049
94172C
550D19
6F3A32
9F9447
—
5.6
AA
9.2
AAA
5.8
AA
2.0
Fail
5.6
AA
—
1.7
Fail
1.0
Fail
2.8
Fail
9.2
AAA
1.7
Fail
—
1.6
Fail
4.7
AA
5.8
AA
1.0
Fail
1.6
Fail
—
2.9
Fail
2.0
Fail
2.8
Fail
4.7
AA
2.9
Fail
—
White BG
1.6Fail
8.7AAA
14.4AAA
9.0AAA
3.1AA Large
Black BG
13.5AAA
2.4Fail
1.5Fail
2.3Fail
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDC6A
5E5D27
363516
585834
9A9A5A

Deuteranopia

DEDF72
656F26
3A3F15
5B5F34
9B9C5E

Tritanopia

E58389
8E2322
511413
6C3536
9E686C

Achromatopsia

C7C7C7
3F3F3F
242424
494949
8F8F8F

Shades & Tints Shades & Tints

#E6D049

Dark
Light

#94172C

Dark
Light

#550D19

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6d049;
  --color-2: #94172c;
  --color-3: #550d19;
  --color-4: #6f3a32;
  --color-5: #9f9447;
}

SCSS

$color-1: #e6d049;
$color-2: #94172c;
$color-3: #550d19;
$color-4: #6f3a32;
$color-5: #9f9447;

TAILWIND

colors: {
  'brand-1': '#e6d049',
  'brand-2': '#94172c',
  'brand-3': '#550d19',
  'brand-4': '#6f3a32',
  'brand-5': '#9f9447',
}

RGB Array

[230, 208, 73], [148, 23, 44], [85, 13, 25], [111, 58, 50], [159, 148, 71]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6D049, #94172C, #550D19, #6F3A32, #9F9447 is ideal for: tech websites, dark mode UIs, game UIs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e6d049; --color-2: #94172c; --color-3: #550d19; --color-4: #6f3a32; --color-5: #9f9447. 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 tech, SaaS, healthcare, eco industries. 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