← Back to Editor

#E3A56B · #C1A07D · #AB7E85 · #322528 · #98506F

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

#E3A56B

Apricot · SandyBrown · Warm Sun

HEX
#E3A56B
RGB
rgb(227, 165, 107)
HSL
hsl(29, 68%, 65%)
HSB
hsb(29, 53%, 89%)
CMYK
cmyk(0%, 27%, 53%, 11%)
Oklch
oklch(76.8% 0.105 63.3)

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

#C1A07D

Ginger · Tan · Warm Sun

HEX
#C1A07D
RGB
rgb(193, 160, 125)
HSL
hsl(31, 35%, 62%)
HSB
hsb(31, 35%, 76%)
CMYK
cmyk(0%, 17%, 35%, 24%)
Oklch
oklch(72.7% 0.062 68.3)

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

#AB7E85

Crimson · Gray · Passion Red

HEX
#AB7E85
RGB
rgb(171, 126, 133)
HSL
hsl(351, 21%, 58%)
HSB
hsb(351, 26%, 67%)
CMYK
cmyk(0%, 26%, 22%, 33%)
Oklch
oklch(63.9% 0.057 8.4)

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

#322528

Crimson · DarkSlateGray · Deep Berry

HEX
#322528
RGB
rgb(50, 37, 40)
HSL
hsl(346, 15%, 17%)
HSB
hsb(346, 26%, 20%)
CMYK
cmyk(0%, 26%, 20%, 80%)
Oklch
oklch(28.1% 0.020 3.1)

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

#98506F

Dark Violet · DimGray · Camellia

HEX
#98506F
RGB
rgb(152, 80, 111)
HSL
hsl(334, 31%, 45%)
HSB
hsb(334, 47%, 60%)
CMYK
cmyk(0%, 47%, 27%, 40%)
Oklch
oklch(52.7% 0.103 354.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3A56B
69A8E2

Analogous

E2696B
E3A56B
E2E069

Triadic

E3A56B
69E2A4
A469E2

Split-Comp.

E3A56B
69E2E0
696BE2

Tetradic

E3A56B
6BE269
69A8E2
E069E2

Contrast Matrix WCAG 2.1 Contrast

E3A56B
C1A07D
AB7E85
322528
98506F
—
1.1
Fail
1.6
Fail
6.9
AA
2.7
Fail
1.1
Fail
—
1.4
Fail
6.0
AA
2.3
Fail
1.6
Fail
1.4
Fail
—
4.2
AA Large
1.6
Fail
6.9
AA
6.0
AA
4.2
AA Large
—
2.6
Fail
2.7
Fail
2.3
Fail
1.6
Fail
2.6
Fail
—
White BG
2.1Fail
2.4Fail
3.5AA Large
14.7AAA
5.7AA
Black BG
9.9AAA
8.6AAA
6.1AA
1.4Fail
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C879
B3B285
989783
2C2C27
797867

Deuteranopia

CCD07C
B5B788
9A9E83
2D2E27
7D8266

Tritanopia

E08487
BF8C8E
A98282
312727
946260

Achromatopsia

B1B1B1
A6A6A6
8C8C8C
292929
696969

Shades & Tints Shades & Tints

#E3A56B

Dark
Light

#C1A07D

Dark
Light

#AB7E85

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3a56b;
  --color-2: #c1a07d;
  --color-3: #ab7e85;
  --color-4: #322528;
  --color-5: #98506f;
}

SCSS

$color-1: #e3a56b;
$color-2: #c1a07d;
$color-3: #ab7e85;
$color-4: #322528;
$color-5: #98506f;

TAILWIND

colors: {
  'brand-1': '#e3a56b',
  'brand-2': '#c1a07d',
  'brand-3': '#ab7e85',
  'brand-4': '#322528',
  'brand-5': '#98506f',
}

RGB Array

[227, 165, 107], [193, 160, 125], [171, 126, 133], [50, 37, 40], [152, 80, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3A56B, #C1A07D, #AB7E85, #322528, #98506F 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: #e3a56b; --color-2: #c1a07d; --color-3: #ab7e85; --color-4: #322528; --color-5: #98506f. 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