← Back to Editor

#E7D8AF · #698579 · #750E1F · #A92B37 · #141011

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E7D8AF

Goose Yellow · Wheat · Lemon Cream

HEX
#E7D8AF
RGB
rgb(231, 216, 175)
HSL
hsl(44, 54%, 80%)
HSB
hsb(44, 24%, 91%)
CMYK
cmyk(0%, 6%, 24%, 9%)
Oklch
oklch(88.4% 0.056 90.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#698579

Mineral Blue · Gray · Olive Green

HEX
#698579
RGB
rgb(105, 133, 121)
HSL
hsl(154, 12%, 47%)
HSB
hsb(154, 21%, 52%)
CMYK
cmyk(21%, 0%, 9%, 48%)
Oklch
oklch(59.1% 0.037 167.1)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#750E1F

Vermilion · Maroon · Wine Red

HEX
#750E1F
RGB
rgb(117, 14, 31)
HSL
hsl(350, 79%, 26%)
HSB
hsb(350, 88%, 46%)
CMYK
cmyk(0%, 88%, 74%, 54%)
Oklch
oklch(36.4% 0.135 19.6)

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

#A92B37

Crimson · Brown · Passion Red

HEX
#A92B37
RGB
rgb(169, 43, 55)
HSL
hsl(354, 59%, 42%)
HSB
hsb(354, 75%, 66%)
CMYK
cmyk(0%, 75%, 67%, 34%)
Oklch
oklch(49.1% 0.162 20.6)

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

#141011

Crimson · Black · Deep Berry

HEX
#141011
RGB
rgb(20, 16, 17)
HSL
hsl(345, 11%, 7%)
HSB
hsb(345, 20%, 8%)
CMYK
cmyk(0%, 20%, 15%, 92%)
Oklch
oklch(17.8% 0.007 0.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7D8AF
B0BFE8

Analogous

E8BDB0
E7D8AF
DBE8B0

Triadic

E7D8AF
B0E8D9
D9B0E8

Split-Comp.

E7D8AF
B0DBE8
BDB0E8

Tetradic

E7D8AF
B0E8BD
B0BFE8
E8B0DB

Contrast Matrix WCAG 2.1 Contrast

E7D8AF
698579
750E1F
A92B37
141011
—
2.8
Fail
8.1
AAA
4.8
AA
13.3
AAA
2.8
Fail
—
2.8
Fail
1.7
Fail
4.7
AA
8.1
AAA
2.8
Fail
—
1.7
Fail
1.7
Fail
4.8
AA
1.7
Fail
1.7
Fail
—
2.8
Fail
13.3
AAA
4.7
AA
1.7
Fail
2.8
Fail
—
White BG
1.4Fail
4.0AA Large
11.4AAA
6.8AA
18.9AAA
Black BG
14.8AAA
5.2AA
1.8Fail
3.1AA Large
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E0B9
75757C
48471B
727134
121211

Deuteranopia

E1E3BB
74717D
4E561A
7A8333
131311

Tritanopia

E6C1C2
6A7E7F
701817
A33231
141111

Achromatopsia

D8D8D8
7B7B7B
2F2F2F
525252
111111

Shades & Tints Shades & Tints

#E7D8AF

Dark
Light

#698579

Dark
Light

#750E1F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7d8af;
  --color-2: #698579;
  --color-3: #750e1f;
  --color-4: #a92b37;
  --color-5: #141011;
}

SCSS

$color-1: #e7d8af;
$color-2: #698579;
$color-3: #750e1f;
$color-4: #a92b37;
$color-5: #141011;

TAILWIND

colors: {
  'brand-1': '#e7d8af',
  'brand-2': '#698579',
  'brand-3': '#750e1f',
  'brand-4': '#a92b37',
  'brand-5': '#141011',
}

RGB Array

[231, 216, 175], [105, 133, 121], [117, 14, 31], [169, 43, 55], [20, 16, 17]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E7D8AF, #698579, #750E1F, #A92B37, #141011 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: #e7d8af; --color-2: #698579; --color-3: #750e1f; --color-4: #a92b37; --color-5: #141011. 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