← Back to Editor

#8A485D · #BA4A60 · #EB9F8A · #DBD2A9 · #E8E8D1

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#8A485D

Dark Violet · DimGray · Camellia

HEX
#8A485D
RGB
rgb(138, 72, 93)
HSL
hsl(341, 31%, 41%)
HSB
hsb(341, 48%, 54%)
CMYK
cmyk(0%, 48%, 33%, 46%)
Oklch
oklch(48.9% 0.093 0.8)

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

#BA4A60

Crimson · Sienna · Passion Red

HEX
#BA4A60
RGB
rgb(186, 74, 96)
HSL
hsl(348, 45%, 51%)
HSB
hsb(348, 60%, 73%)
CMYK
cmyk(0%, 60%, 48%, 27%)
Oklch
oklch(56.3% 0.145 11.0)

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

#EB9F8A

Peach Pink · DarkSalmon · Coral Red

HEX
#EB9F8A
RGB
rgb(235, 159, 138)
HSL
hsl(13, 71%, 73%)
HSB
hsb(13, 41%, 92%)
CMYK
cmyk(0%, 32%, 41%, 8%)
Oklch
oklch(77.2% 0.096 36.1)

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

#DBD2A9

Goose Yellow · Wheat · Lemon Cream

HEX
#DBD2A9
RGB
rgb(219, 210, 169)
HSL
hsl(49, 41%, 76%)
HSB
hsb(49, 23%, 86%)
CMYK
cmyk(0%, 4%, 23%, 14%)
Oklch
oklch(86.1% 0.055 97.1)

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

#E8E8D1

Fresh Green · Beige · Lemon Cream

HEX
#E8E8D1
RGB
rgb(232, 232, 209)
HSL
hsl(60, 33%, 86%)
HSB
hsb(60, 10%, 91%)
CMYK
cmyk(0%, 0%, 10%, 9%)
Oklch
oklch(92.5% 0.030 107.0)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8A485D
488974

Analogous

89487D
8A485D
895448

Triadic

8A485D
5D8948
485D89

Split-Comp.

8A485D
488954
487D89

Tetradic

8A485D
7D8948
488974
544889

Contrast Matrix WCAG 2.1 Contrast

8A485D
BA4A60
EB9F8A
DBD2A9
E8E8D1
—
1.3
Fail
3.1
AA Large
4.4
AA Large
5.3
AA
1.3
Fail
—
2.3
Fail
3.3
AA Large
4.0
AA Large
3.1
AA Large
2.3
Fail
—
1.4
Fail
1.7
Fail
4.4
AA Large
3.3
AA Large
1.4
Fail
—
1.2
Fail
5.3
AA
4.0
AA Large
1.7
Fail
1.2
Fail
—
White BG
6.6AA
5.0AA
2.1Fail
1.5Fail
1.2Fail
Black BG
3.2AA Large
4.2AA Large
9.9AAA
13.8AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6D58
8A885B
CAC98F
D7D7B3
E8E8D7

Deuteranopia

717657
909859
CFD490
D8D8B5
E8E8D8

Tritanopia

875453
B45656
E79394
DBBBBC
E8DBDC

Achromatopsia

5E5E5E
6E6E6E
B3B3B3
D0D0D0
E5E5E5

Shades & Tints Shades & Tints

#8A485D

Dark
Light

#BA4A60

Dark
Light

#EB9F8A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8a485d;
  --color-2: #ba4a60;
  --color-3: #eb9f8a;
  --color-4: #dbd2a9;
  --color-5: #e8e8d1;
}

SCSS

$color-1: #8a485d;
$color-2: #ba4a60;
$color-3: #eb9f8a;
$color-4: #dbd2a9;
$color-5: #e8e8d1;

TAILWIND

colors: {
  'brand-1': '#8a485d',
  'brand-2': '#ba4a60',
  'brand-3': '#eb9f8a',
  'brand-4': '#dbd2a9',
  'brand-5': '#e8e8d1',
}

RGB Array

[138, 72, 93], [186, 74, 96], [235, 159, 138], [219, 210, 169], [232, 232, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8A485D, #BA4A60, #EB9F8A, #DBD2A9, #E8E8D1 is ideal for: health products, baby brands, fresh-style blogs, 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: #8a485d; --color-2: #ba4a60; --color-3: #eb9f8a; --color-4: #dbd2a9; --color-5: #e8e8d1. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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