← Back to Editor

#53374D · #8E4A73 · #DA89C2 · #DAE3BE · #B3F9D3

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

#53374D

Rose Purple · DarkSlateGray · Eggplant

HEX
#53374D
RGB
rgb(83, 55, 77)
HSL
hsl(313, 20%, 27%)
HSB
hsb(313, 34%, 33%)
CMYK
cmyk(0%, 34%, 7%, 67%)
Oklch
oklch(37.8% 0.052 334.5)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#8E4A73

Rose Purple · DimGray · Camellia

HEX
#8E4A73
RGB
rgb(142, 74, 115)
HSL
hsl(324, 31%, 42%)
HSB
hsb(324, 48%, 56%)
CMYK
cmyk(0%, 48%, 19%, 44%)
Oklch
oklch(50.5% 0.105 344.5)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#DA89C2

Mauve · Orchid · Lilac Purple

HEX
#DA89C2
RGB
rgb(218, 137, 194)
HSL
hsl(318, 52%, 70%)
HSB
hsb(318, 37%, 85%)
CMYK
cmyk(0%, 37%, 11%, 15%)
Oklch
oklch(73.1% 0.122 338.6)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#DAE3BE

Willow Green · LightGray · Mint Green

HEX
#DAE3BE
RGB
rgb(218, 227, 190)
HSL
hsl(75, 40%, 82%)
HSB
hsb(75, 16%, 89%)
CMYK
cmyk(4%, 0%, 16%, 11%)
Oklch
oklch(89.9% 0.050 118.5)

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

#B3F9D3

Emerald · LightBlue · Mint Green

HEX
#B3F9D3
RGB
rgb(179, 249, 211)
HSL
hsl(147, 85%, 84%)
HSB
hsb(147, 28%, 98%)
CMYK
cmyk(28%, 0%, 15%, 2%)
Oklch
oklch(92.6% 0.087 160.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

53374D
37533D

Analogous

4B3753
53374D
53373F

Triadic

53374D
4D5337
374D53

Split-Comp.

53374D
3F5337
37534B

Tetradic

53374D
534B37
37533D
373F53

Contrast Matrix WCAG 2.1 Contrast

53374D
8E4A73
DA89C2
DAE3BE
B3F9D3
—
1.7
Fail
4.1
AA Large
7.8
AAA
8.6
AAA
1.7
Fail
—
2.5
Fail
4.7
AA
5.2
AA
4.1
AA Large
2.5
Fail
—
1.9
Fail
2.1
Fail
7.8
AAA
4.7
AA
1.9
Fail
—
1.1
Fail
8.6
AAA
5.2
AA
2.1
Fail
1.1
Fail
—
White BG
10.4AAA
6.2AA
2.5Fail
1.3Fail
1.2Fail
Black BG
2.0Fail
3.4AA Large
8.3AAA
15.7AAA
17.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

474748
717069
B7B6B4
DEDEC7
D1D2DC

Deuteranopia

494B46
757A67
BCC2B1
DDDDC9
CDC8DE

Tritanopia

524343
8B6160
D6A9A7
DACED0
B6E3E5

Achromatopsia

424242
636363
A8A8A8
DCDCDC
E0E0E0

Shades & Tints Shades & Tints

#53374D

Dark
Light

#8E4A73

Dark
Light

#DA89C2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #53374d;
  --color-2: #8e4a73;
  --color-3: #da89c2;
  --color-4: #dae3be;
  --color-5: #b3f9d3;
}

SCSS

$color-1: #53374d;
$color-2: #8e4a73;
$color-3: #da89c2;
$color-4: #dae3be;
$color-5: #b3f9d3;

TAILWIND

colors: {
  'brand-1': '#53374d',
  'brand-2': '#8e4a73',
  'brand-3': '#da89c2',
  'brand-4': '#dae3be',
  'brand-5': '#b3f9d3',
}

RGB Array

[83, 55, 77], [142, 74, 115], [218, 137, 194], [218, 227, 190], [179, 249, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #53374D, #8E4A73, #DA89C2, #DAE3BE, #B3F9D3 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: #53374d; --color-2: #8e4a73; --color-3: #da89c2; --color-4: #dae3be; --color-5: #b3f9d3. 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