← Back to Editor

#A69E80 · #E0BA9B · #E7A97E · #D28574 · #3B1922

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

#A69E80

Ginger · DarkSeaGreen · Sunflower

HEX
#A69E80
RGB
rgb(166, 158, 128)
HSL
hsl(47, 18%, 58%)
HSB
hsb(47, 23%, 65%)
CMYK
cmyk(0%, 5%, 23%, 35%)
Oklch
oklch(69.8% 0.043 94.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#E0BA9B

Apricot · BurlyWood · Warm Sun

HEX
#E0BA9B
RGB
rgb(224, 186, 155)
HSL
hsl(27, 53%, 74%)
HSB
hsb(27, 31%, 88%)
CMYK
cmyk(0%, 17%, 31%, 12%)
Oklch
oklch(81.4% 0.061 61.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E7A97E

Apricot · DarkSalmon · Warm Sun

HEX
#E7A97E
RGB
rgb(231, 169, 126)
HSL
hsl(25, 69%, 70%)
HSB
hsb(25, 45%, 91%)
CMYK
cmyk(0%, 27%, 45%, 9%)
Oklch
oklch(78.3% 0.093 55.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D28574

Peach Pink · DarkSalmon · Coral Red

HEX
#D28574
RGB
rgb(210, 133, 116)
HSL
hsl(11, 51%, 64%)
HSB
hsb(11, 45%, 82%)
CMYK
cmyk(0%, 37%, 45%, 18%)
Oklch
oklch(69.3% 0.099 33.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#3B1922

Dark Violet · DarkSlateGray · Raspberry

HEX
#3B1922
RGB
rgb(59, 25, 34)
HSL
hsl(344, 40%, 16%)
HSB
hsb(344, 58%, 23%)
CMYK
cmyk(0%, 58%, 42%, 77%)
Oklch
oklch(26.6% 0.055 4.7)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A69E80
8189A7

Analogous

A78C81
A69E80
9CA781

Triadic

A69E80
81A79F
9F81A7

Split-Comp.

A69E80
819CA7
8C81A7

Tetradic

A69E80
81A78C
8189A7
A7819C

Contrast Matrix WCAG 2.1 Contrast

A69E80
E0BA9B
E7A97E
D28574
3B1922
—
1.5
Fail
1.3
Fail
1.1
Fail
5.8
AA
1.5
Fail
—
1.1
Fail
1.6
Fail
8.7
AAA
1.3
Fail
1.1
Fail
—
1.4
Fail
7.7
AAA
1.1
Fail
1.6
Fail
1.4
Fail
—
5.5
AA
5.8
AA
8.7
AAA
7.7
AAA
5.5
AA
—
White BG
2.7Fail
1.8Fail
2.0Fail
2.9Fail
15.6AAA
Black BG
7.8AAA
11.7AAA
10.4AAA
7.3AAA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A287
D0CFA3
CCCC88
B1B078
2C2C20

Deuteranopia

A3A489
D2D5A4
D0D48B
B5BB79
2E311F

Tritanopia

A68D8E
DEA8AA
E49192
CE7B7C
391E1E

Achromatopsia

9D9D9D
C2C2C2
B7B7B7
9A9A9A
242424

Shades & Tints Shades & Tints

#A69E80

Dark
Light

#E0BA9B

Dark
Light

#E7A97E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a69e80;
  --color-2: #e0ba9b;
  --color-3: #e7a97e;
  --color-4: #d28574;
  --color-5: #3b1922;
}

SCSS

$color-1: #a69e80;
$color-2: #e0ba9b;
$color-3: #e7a97e;
$color-4: #d28574;
$color-5: #3b1922;

TAILWIND

colors: {
  'brand-1': '#a69e80',
  'brand-2': '#e0ba9b',
  'brand-3': '#e7a97e',
  'brand-4': '#d28574',
  'brand-5': '#3b1922',
}

RGB Array

[166, 158, 128], [224, 186, 155], [231, 169, 126], [210, 133, 116], [59, 25, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A69E80, #E0BA9B, #E7A97E, #D28574, #3B1922 is ideal for: 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: #a69e80; --color-2: #e0ba9b; --color-3: #e7a97e; --color-4: #d28574; --color-5: #3b1922. 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. 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