← Back to Editor

#E68E82 · #C984E8 · #E68E82 · #BB9469 · #BFAC7B

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

WorkspaceReading

Color Details Color Details

#E68E82

Peach Pink · DarkSalmon · Coral Red

HEX
#E68E82
RGB
rgb(230, 142, 130)
HSL
hsl(7, 67%, 71%)
HSB
hsb(7, 43%, 90%)
CMYK
cmyk(0%, 38%, 43%, 10%)
Oklch
oklch(73.5% 0.109 28.4)

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

#C984E8

Lilac · Orchid · Lilac Purple

HEX
#C984E8
RGB
rgb(201, 132, 232)
HSL
hsl(281, 68%, 71%)
HSB
hsb(281, 43%, 91%)
CMYK
cmyk(13%, 43%, 0%, 9%)
Oklch
oklch(72.1% 0.157 314.7)

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

#E68E82

Peach Pink · DarkSalmon · Coral Red

HEX
#E68E82
RGB
rgb(230, 142, 130)
HSL
hsl(7, 67%, 71%)
HSB
hsb(7, 43%, 90%)
CMYK
cmyk(0%, 38%, 43%, 10%)
Oklch
oklch(73.5% 0.109 28.4)

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

#BB9469

Ginger · DarkSalmon · Warm Sun

HEX
#BB9469
RGB
rgb(187, 148, 105)
HSL
hsl(31, 38%, 57%)
HSB
hsb(31, 44%, 73%)
CMYK
cmyk(0%, 21%, 44%, 27%)
Oklch
oklch(69.3% 0.075 68.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#BFAC7B

Ginger · Tan · Sunflower

HEX
#BFAC7B
RGB
rgb(191, 172, 123)
HSL
hsl(43, 35%, 62%)
HSB
hsb(43, 36%, 75%)
CMYK
cmyk(0%, 10%, 36%, 25%)
Oklch
oklch(74.9% 0.069 89.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E68E82
84DBE7

Analogous

E784A9
E68E82
E7C184

Triadic

E68E82
84E78F
8F84E7

Split-Comp.

E68E82
84E7C1
84A9E7

Tetradic

E68E82
A9E784
84DBE7
C184E7

Contrast Matrix WCAG 2.1 Contrast

E68E82
C984E8
E68E82
BB9469
BFAC7B
—
1.1
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
—
1.1
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.1
Fail
1.2
Fail
1.1
Fail
1.2
Fail
—
White BG
2.5Fail
2.6Fail
2.5Fail
2.8Fail
2.2Fail
Black BG
8.6AAA
7.9AAA
8.6AAA
7.6AAA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0BF85
ABABD0
C0BF85
AAAA73
B7B787

Deuteranopia

C5CC86
AFB4CA
C5CC86
ACAF76
B8B98A

Tritanopia

E28788
C6BDB9
E28788
B97C7D
BE9092

Achromatopsia

A7A7A7
A4A4A4
A7A7A7
9B9B9B
ACACAC

Shades & Tints Shades & Tints

#E68E82

Dark
Light

#C984E8

Dark
Light

#E68E82

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e68e82;
  --color-2: #c984e8;
  --color-3: #e68e82;
  --color-4: #bb9469;
  --color-5: #bfac7b;
}

SCSS

$color-1: #e68e82;
$color-2: #c984e8;
$color-3: #e68e82;
$color-4: #bb9469;
$color-5: #bfac7b;

TAILWIND

colors: {
  'brand-1': '#e68e82',
  'brand-2': '#c984e8',
  'brand-3': '#e68e82',
  'brand-4': '#bb9469',
  'brand-5': '#bfac7b',
}

RGB Array

[230, 142, 130], [201, 132, 232], [230, 142, 130], [187, 148, 105], [191, 172, 123]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E68E82, #C984E8, #E68E82, #BB9469, #BFAC7B is ideal for: health products, baby brands, fresh-style blogs. 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: #e68e82; --color-2: #c984e8; --color-3: #e68e82; --color-4: #bb9469; --color-5: #bfac7b. 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. 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