← Back to Editor

#A593C2 · #D4EBCA · #8C8757 · #733E4A · #3B160C

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

#A593C2

Wisteria · DarkGray · Lilac Purple

HEX
#A593C2
RGB
rgb(165, 147, 194)
HSL
hsl(263, 28%, 67%)
HSB
hsb(263, 24%, 76%)
CMYK
cmyk(15%, 24%, 0%, 24%)
Oklch
oklch(69.6% 0.070 302.1)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

#D4EBCA

Celadon · LightGray · Mint Green

HEX
#D4EBCA
RGB
rgb(212, 235, 202)
HSL
hsl(102, 45%, 86%)
HSB
hsb(102, 14%, 92%)
CMYK
cmyk(10%, 0%, 14%, 8%)
Oklch
oklch(91.4% 0.050 136.1)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#8C8757

Autumn Sage · Gray · Honey Gold

HEX
#8C8757
RGB
rgb(140, 135, 87)
HSL
hsl(54, 23%, 45%)
HSB
hsb(54, 38%, 55%)
CMYK
cmyk(0%, 4%, 38%, 45%)
Oklch
oklch(61.6% 0.067 103.1)

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

#733E4A

Crimson · DimGray · Wine Red

HEX
#733E4A
RGB
rgb(115, 62, 74)
HSL
hsl(346, 30%, 35%)
HSB
hsb(346, 46%, 45%)
CMYK
cmyk(0%, 46%, 36%, 55%)
Oklch
oklch(43.3% 0.075 6.2)

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

#3B160C

Vermilion · Black · Deep Berry

HEX
#3B160C
RGB
rgb(59, 22, 12)
HSL
hsl(13, 66%, 14%)
HSB
hsb(13, 80%, 23%)
CMYK
cmyk(0%, 63%, 80%, 77%)
Oklch
oklch(25.5% 0.062 36.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A593C2
B0C293

Analogous

9399C2
A593C2
BD93C2

Triadic

A593C2
C2A593
93C2A5

Split-Comp.

A593C2
C2BD93
99C293

Tetradic

A593C2
C29399
B0C293
93C2BD

Contrast Matrix WCAG 2.1 Contrast

A593C2
D4EBCA
8C8757
733E4A
3B160C
—
2.2
Fail
1.3
Fail
3.0
AA Large
5.8
AA
2.2
Fail
—
2.9
Fail
6.6
AA
12.7
AAA
1.3
Fail
2.9
Fail
—
2.3
Fail
4.4
AA Large
3.0
AA Large
6.6
AA
2.3
Fail
—
1.9
Fail
5.8
AA
12.7
AAA
4.4
AA Large
1.9
Fail
—
White BG
2.8Fail
1.3Fail
3.7AA Large
8.3AAA
16.1AAA
Black BG
7.6AAA
16.5AAA
5.7AA
2.5Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9DB7
DEDED2
8A8A63
5C5C47
2B2B0E

Deuteranopia

9EA0B4
DDDBD4
8A8B65
5F6346
2D300F

Tritanopia

A4AEAC
D5D8DA
8C6C6E
704544
391011

Achromatopsia

9E9E9E
E0E0E0
838383
4F4F4F
202020

Shades & Tints Shades & Tints

#A593C2

Dark
Light

#D4EBCA

Dark
Light

#8C8757

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a593c2;
  --color-2: #d4ebca;
  --color-3: #8c8757;
  --color-4: #733e4a;
  --color-5: #3b160c;
}

SCSS

$color-1: #a593c2;
$color-2: #d4ebca;
$color-3: #8c8757;
$color-4: #733e4a;
$color-5: #3b160c;

TAILWIND

colors: {
  'brand-1': '#a593c2',
  'brand-2': '#d4ebca',
  'brand-3': '#8c8757',
  'brand-4': '#733e4a',
  'brand-5': '#3b160c',
}

RGB Array

[165, 147, 194], [212, 235, 202], [140, 135, 87], [115, 62, 74], [59, 22, 12]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A593C2, #D4EBCA, #8C8757, #733E4A, #3B160C 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: #a593c2; --color-2: #d4ebca; --color-3: #8c8757; --color-4: #733e4a; --color-5: #3b160c. 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