← Back to Editor

#ACA690 · #D57A41 · #9E2038 · #771025 · #340912

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 LibraryData Visualization

Color Details Color Details

#ACA690

Ginger · DarkGray · Sunflower

HEX
#ACA690
RGB
rgb(172, 166, 144)
HSL
hsl(47, 14%, 62%)
HSB
hsb(47, 16%, 67%)
CMYK
cmyk(0%, 3%, 16%, 33%)
Oklch
oklch(72.4% 0.032 94.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#D57A41

Tangerine · Chocolate · Warm Sun

HEX
#D57A41
RGB
rgb(213, 122, 65)
HSL
hsl(23, 64%, 55%)
HSB
hsb(23, 69%, 84%)
CMYK
cmyk(0%, 43%, 69%, 16%)
Oklch
oklch(66.9% 0.134 50.7)

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

#9E2038

Vermilion · Brown · Wine Red

HEX
#9E2038
RGB
rgb(158, 32, 56)
HSL
hsl(349, 66%, 37%)
HSB
hsb(349, 80%, 62%)
CMYK
cmyk(0%, 80%, 65%, 38%)
Oklch
oklch(46.1% 0.160 16.2)

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

#771025

Vermilion · Maroon · Wine Red

HEX
#771025
RGB
rgb(119, 16, 37)
HSL
hsl(348, 76%, 26%)
HSB
hsb(348, 87%, 47%)
CMYK
cmyk(0%, 87%, 69%, 53%)
Oklch
oklch(37.1% 0.135 16.9)

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

#340912

Vermilion · Black · Deep Berry

HEX
#340912
RGB
rgb(52, 9, 18)
HSL
hsl(347, 70%, 12%)
HSB
hsb(347, 83%, 20%)
CMYK
cmyk(0%, 83%, 65%, 80%)
Oklch
oklch(22.2% 0.069 12.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ACA690
9196AC

Analogous

AC9891
ACA690
A4AC91

Triadic

ACA690
91ACA6
A691AC

Split-Comp.

ACA690
91A4AC
9891AC

Tetradic

ACA690
91AC98
9196AC
AC91A4

Contrast Matrix WCAG 2.1 Contrast

ACA690
D57A41
9E2038
771025
340912
—
1.3
Fail
3.2
AA Large
4.6
AA
7.2
AAA
1.3
Fail
—
2.5
Fail
3.5
AA Large
5.6
AA
3.2
AA Large
2.5
Fail
—
1.4
Fail
2.3
Fail
4.6
AA
3.5
AA Large
1.4
Fail
—
1.6
Fail
7.2
AAA
5.6
AA
2.3
Fail
1.6
Fail
—
White BG
2.4Fail
3.1AA Large
7.7AAA
11.1AAA
17.6AAA
Black BG
8.6AAA
6.7AA
2.7Fail
1.9Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A995
AEAD4F
676632
4A4920
212110

Deuteranopia

AAAA97
B3BA52
6F7831
50581F
24270F

Tritanopia

AC9A9A
D05A5C
982E2D
721C1B
320E0E

Achromatopsia

A5A5A5
8F8F8F
484848
313131
171717

Shades & Tints Shades & Tints

#ACA690

Dark
Light

#D57A41

Dark
Light

#9E2038

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aca690;
  --color-2: #d57a41;
  --color-3: #9e2038;
  --color-4: #771025;
  --color-5: #340912;
}

SCSS

$color-1: #aca690;
$color-2: #d57a41;
$color-3: #9e2038;
$color-4: #771025;
$color-5: #340912;

TAILWIND

colors: {
  'brand-1': '#aca690',
  'brand-2': '#d57a41',
  'brand-3': '#9e2038',
  'brand-4': '#771025',
  'brand-5': '#340912',
}

RGB Array

[172, 166, 144], [213, 122, 65], [158, 32, 56], [119, 16, 37], [52, 9, 18]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ACA690, #D57A41, #9E2038, #771025, #340912 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #aca690; --color-2: #d57a41; --color-3: #9e2038; --color-4: #771025; --color-5: #340912. 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 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