← Back to Editor

#AEBC76 · #8C4E5E · #743944 · #60222E · #350E18

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

#AEBC76

Grass Green · DarkSeaGreen · Olive Green

HEX
#AEBC76
RGB
rgb(174, 188, 118)
HSL
hsl(72, 34%, 60%)
HSB
hsb(72, 37%, 74%)
CMYK
cmyk(7%, 0%, 37%, 26%)
Oklch
oklch(76.8% 0.094 117.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#8C4E5E

Crimson · DimGray · Passion Red

HEX
#8C4E5E
RGB
rgb(140, 78, 94)
HSL
hsl(345, 28%, 43%)
HSB
hsb(345, 44%, 55%)
CMYK
cmyk(0%, 44%, 33%, 45%)
Oklch
oklch(50.2% 0.085 4.0)

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

#743944

Crimson · Sienna · Wine Red

HEX
#743944
RGB
rgb(116, 57, 68)
HSL
hsl(349, 34%, 34%)
HSB
hsb(349, 51%, 45%)
CMYK
cmyk(0%, 51%, 41%, 55%)
Oklch
oklch(42.4% 0.083 9.5)

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

#60222E

Crimson · Maroon · Wine Red

HEX
#60222E
RGB
rgb(96, 34, 46)
HSL
hsl(348, 48%, 25%)
HSB
hsb(348, 65%, 38%)
CMYK
cmyk(0%, 65%, 52%, 62%)
Oklch
oklch(34.8% 0.091 11.3)

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

#350E18

Crimson · Black · Deep Berry

HEX
#350E18
RGB
rgb(53, 14, 24)
HSL
hsl(345, 58%, 13%)
HSB
hsb(345, 74%, 21%)
CMYK
cmyk(0%, 74%, 55%, 79%)
Oklch
oklch(23.3% 0.063 7.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEBC76
8476BC

Analogous

BCA776
AEBC76
8BBC76

Triadic

AEBC76
76AEBC
BC76AE

Split-Comp.

AEBC76
768BBC
A776BC

Tetradic

AEBC76
76BCA7
8476BC
BC768B

Contrast Matrix WCAG 2.1 Contrast

AEBC76
8C4E5E
743944
60222E
350E18
—
3.0
AA Large
4.3
AA Large
5.8
AA
8.4
AAA
3.0
AA Large
—
1.4
Fail
1.9
Fail
2.7
Fail
4.3
AA Large
1.4
Fail
—
1.4
Fail
2.0
Fail
5.8
AA
1.9
Fail
1.4
Fail
—
1.4
Fail
8.4
AAA
2.7
Fail
2.0
Fail
1.4
Fail
—
White BG
2.0Fail
6.2AA
8.7AAA
11.9AAA
17.1AAA
Black BG
10.3AAA
3.4AA Large
2.4Fail
1.8Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B487
71715A
5A5A41
45452B
242416

Deuteranopia

B3B28B
757959
5E6241
494D2A
262915

Tritanopia

AF9497
895756
713F3F
5D2928
331413

Achromatopsia

B0B0B0
626262
4C4C4C
363636
1B1B1B

Shades & Tints Shades & Tints

#AEBC76

Dark
Light

#8C4E5E

Dark
Light

#743944

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aebc76;
  --color-2: #8c4e5e;
  --color-3: #743944;
  --color-4: #60222e;
  --color-5: #350e18;
}

SCSS

$color-1: #aebc76;
$color-2: #8c4e5e;
$color-3: #743944;
$color-4: #60222e;
$color-5: #350e18;

TAILWIND

colors: {
  'brand-1': '#aebc76',
  'brand-2': '#8c4e5e',
  'brand-3': '#743944',
  'brand-4': '#60222e',
  'brand-5': '#350e18',
}

RGB Array

[174, 188, 118], [140, 78, 94], [116, 57, 68], [96, 34, 46], [53, 14, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AEBC76, #8C4E5E, #743944, #60222E, #350E18 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: #aebc76; --color-2: #8c4e5e; --color-3: #743944; --color-4: #60222e; --color-5: #350e18. 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