← Back to Editor

#AAC00B · #D18538 · #D94869 · #7F5579 · #5C4A4A

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

#AAC00B

Autumn Sage · GoldenRod · Honey Gold

HEX
#AAC00B
RGB
rgb(170, 192, 11)
HSL
hsl(67, 89%, 40%)
HSB
hsb(67, 94%, 75%)
CMYK
cmyk(11%, 0%, 94%, 25%)
Oklch
oklch(76.4% 0.176 117.8)

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

#D18538

Ginger · Chocolate · Warm Sun

HEX
#D18538
RGB
rgb(209, 133, 56)
HSL
hsl(30, 62%, 52%)
HSB
hsb(30, 73%, 82%)
CMYK
cmyk(0%, 36%, 73%, 18%)
Oklch
oklch(68.2% 0.130 62.5)

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

#D94869

Vermilion · Tomato · Passion Red

HEX
#D94869
RGB
rgb(217, 72, 105)
HSL
hsl(346, 66%, 57%)
HSB
hsb(346, 67%, 85%)
CMYK
cmyk(0%, 67%, 52%, 15%)
Oklch
oklch(61.2% 0.181 10.7)

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

#7F5579

Rose Purple · DimGray · Violet

HEX
#7F5579
RGB
rgb(127, 85, 121)
HSL
hsl(309, 20%, 42%)
HSB
hsb(309, 33%, 50%)
CMYK
cmyk(0%, 33%, 5%, 50%)
Oklch
oklch(50.8% 0.076 331.8)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#5C4A4A

Crimson · DarkOliveGreen · Wine Red

HEX
#5C4A4A
RGB
rgb(92, 74, 74)
HSL
hsl(0, 11%, 33%)
HSB
hsb(0, 20%, 36%)
CMYK
cmyk(0%, 20%, 20%, 64%)
Oklch
oklch(42.8% 0.024 18.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AAC00B
200BC1

Analogous

C17B0B
AAC00B
51C10B

Triadic

AAC00B
0BACC1
C10BAC

Split-Comp.

AAC00B
0B51C1
7B0BC1

Tetradic

AAC00B
0BC17B
200BC1
C10B51

Contrast Matrix WCAG 2.1 Contrast

AAC00B
D18538
D94869
7F5579
5C4A4A
—
1.4
Fail
2.0
Fail
2.9
Fail
4.0
AA Large
1.4
Fail
—
1.4
Fail
2.0
Fail
2.8
Fail
2.0
Fail
1.4
Fail
—
1.5
Fail
2.0
Fail
2.9
Fail
2.0
Fail
1.5
Fail
—
1.4
Fail
4.0
AA Large
2.8
Fail
2.0
Fail
1.4
Fail
—
White BG
2.0Fail
2.9Fail
4.1AA Large
6.0AA
8.3AAA
Black BG
10.3AAA
7.1AAA
5.1AA
3.5AA Large
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B437
B0AF4B
9A9961
6D6C70
54544A

Deuteranopia

B2B141
B5BA4F
A3AD5F
6F726E
55574A

Tritanopia

AB5961
CD595D
D25B59
7D6968
5B4A4A

Achromatopsia

A5A5A5
939393
777777
666666
4F4F4F

Shades & Tints Shades & Tints

#AAC00B

Dark
Light

#D18538

Dark
Light

#D94869

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aac00b;
  --color-2: #d18538;
  --color-3: #d94869;
  --color-4: #7f5579;
  --color-5: #5c4a4a;
}

SCSS

$color-1: #aac00b;
$color-2: #d18538;
$color-3: #d94869;
$color-4: #7f5579;
$color-5: #5c4a4a;

TAILWIND

colors: {
  'brand-1': '#aac00b',
  'brand-2': '#d18538',
  'brand-3': '#d94869',
  'brand-4': '#7f5579',
  'brand-5': '#5c4a4a',
}

RGB Array

[170, 192, 11], [209, 133, 56], [217, 72, 105], [127, 85, 121], [92, 74, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AAC00B, #D18538, #D94869, #7F5579, #5C4A4A 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: #aac00b; --color-2: #d18538; --color-3: #d94869; --color-4: #7f5579; --color-5: #5c4a4a. 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