← Back to Editor

#A92D38 · #DA5B54 · #D3CB4C · #ACAF3E · #8C6642

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

#A92D38

Crimson · Brown · Passion Red

HEX
#A92D38
RGB
rgb(169, 45, 56)
HSL
hsl(355, 58%, 42%)
HSB
hsb(355, 73%, 66%)
CMYK
cmyk(0%, 73%, 67%, 34%)
Oklch
oklch(49.3% 0.160 20.6)

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

#DA5B54

Vermilion · Tomato · Passion Red

HEX
#DA5B54
RGB
rgb(218, 91, 84)
HSL
hsl(3, 64%, 59%)
HSB
hsb(3, 61%, 85%)
CMYK
cmyk(0%, 58%, 61%, 15%)
Oklch
oklch(63.2% 0.161 25.9)

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

#D3CB4C

Autumn Sage · SandyBrown · Sunflower

HEX
#D3CB4C
RGB
rgb(211, 203, 76)
HSL
hsl(56, 61%, 56%)
HSB
hsb(56, 64%, 83%)
CMYK
cmyk(0%, 4%, 64%, 17%)
Oklch
oklch(82.5% 0.146 105.7)

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

#ACAF3E

Autumn Sage · GoldenRod · Honey Gold

HEX
#ACAF3E
RGB
rgb(172, 175, 62)
HSL
hsl(62, 48%, 46%)
HSB
hsb(62, 65%, 69%)
CMYK
cmyk(2%, 0%, 65%, 31%)
Oklch
oklch(73.0% 0.134 110.8)

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

#8C6642

Tangerine · Sienna · Amber Brown

HEX
#8C6642
RGB
rgb(140, 102, 66)
HSL
hsl(29, 36%, 40%)
HSB
hsb(29, 53%, 55%)
CMYK
cmyk(0%, 27%, 53%, 45%)
Oklch
oklch(54.1% 0.071 63.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A92D38
2DA99F

Analogous

A92D75
A92D38
A9612D

Triadic

A92D38
37A92D
2D37A9

Split-Comp.

A92D38
2DA961
2D75A9

Tetradic

A92D38
75A92D
2DA99F
612DA9

Contrast Matrix WCAG 2.1 Contrast

A92D38
DA5B54
D3CB4C
ACAF3E
8C6642
—
1.8
Fail
4.0
AA Large
2.9
Fail
1.3
Fail
1.8
Fail
—
2.2
Fail
1.6
Fail
1.4
Fail
4.0
AA Large
2.2
Fail
—
1.4
Fail
3.0
AA Large
2.9
Fail
1.6
Fail
1.4
Fail
—
2.2
Fail
1.3
Fail
1.4
Fail
3.0
AA Large
2.2
Fail
—
White BG
6.7AA
3.7AA Large
1.7Fail
2.3Fail
5.1AA
Black BG
3.1AA Large
5.6AA
12.4AAA
9.0AAA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

737235
A3A256
D0CF6B
ADAD59
7C7B4B

Deuteranopia

7B8435
AAB456
D0D172
ADAD60
7E814D

Tritanopia

A33333
D45757
D38388
AC6F74
8A5253

Achromatopsia

535353
808080
BFBFBF
A1A1A1
6D6D6D

Shades & Tints Shades & Tints

#A92D38

Dark
Light

#DA5B54

Dark
Light

#D3CB4C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a92d38;
  --color-2: #da5b54;
  --color-3: #d3cb4c;
  --color-4: #acaf3e;
  --color-5: #8c6642;
}

SCSS

$color-1: #a92d38;
$color-2: #da5b54;
$color-3: #d3cb4c;
$color-4: #acaf3e;
$color-5: #8c6642;

TAILWIND

colors: {
  'brand-1': '#a92d38',
  'brand-2': '#da5b54',
  'brand-3': '#d3cb4c',
  'brand-4': '#acaf3e',
  'brand-5': '#8c6642',
}

RGB Array

[169, 45, 56], [218, 91, 84], [211, 203, 76], [172, 175, 62], [140, 102, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A92D38, #DA5B54, #D3CB4C, #ACAF3E, #8C6642 is ideal for: corporate websites, product showcases, portfolios. 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: #a92d38; --color-2: #da5b54; --color-3: #d3cb4c; --color-4: #acaf3e; --color-5: #8c6642. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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