← Back to Editor

#EB9886 · #D08E82 · #B9948B · #967F89 · #7E7E8A

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 Library

Color Details Color Details

#EB9886

Peach Pink · DarkSalmon · Coral Red

HEX
#EB9886
RGB
rgb(235, 152, 134)
HSL
hsl(11, 72%, 72%)
HSB
hsb(11, 43%, 92%)
CMYK
cmyk(0%, 35%, 43%, 8%)
Oklch
oklch(75.9% 0.104 32.9)

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

#D08E82

Peach Pink · DarkSalmon · Coral Red

HEX
#D08E82
RGB
rgb(208, 142, 130)
HSL
hsl(9, 45%, 66%)
HSB
hsb(9, 38%, 82%)
CMYK
cmyk(0%, 32%, 38%, 18%)
Oklch
oklch(70.9% 0.083 30.6)

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

#B9948B

Peach Pink · DarkGray · Coral Red

HEX
#B9948B
RGB
rgb(185, 148, 139)
HSL
hsl(12, 25%, 64%)
HSB
hsb(12, 25%, 73%)
CMYK
cmyk(0%, 20%, 25%, 27%)
Oklch
oklch(69.8% 0.047 34.0)

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

#967F89

Dark Violet · Gray · Rose Pink

HEX
#967F89
RGB
rgb(150, 127, 137)
HSL
hsl(334, 10%, 54%)
HSB
hsb(334, 15%, 59%)
CMYK
cmyk(0%, 15%, 9%, 41%)
Oklch
oklch(62.1% 0.032 350.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#7E7E8A

Ash · Gray · Warm Gray

HEX
#7E7E8A
RGB
rgb(126, 126, 138)
HSL
hsl(240, 5%, 52%)
HSB
hsb(240, 9%, 54%)
CMYK
cmyk(9%, 9%, 0%, 46%)
Oklch
oklch(59.7% 0.018 285.8)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB9886
84D8EB

Analogous

EB84A5
EB9886
EBCA84

Triadic

EB9886
84EB97
9784EB

Split-Comp.

EB9886
84EBCA
84A5EB

Tetradic

EB9886
A5EB84
84D8EB
CA84EB

Contrast Matrix WCAG 2.1 Contrast

EB9886
D08E82
B9948B
967F89
7E7E8A
—
1.2
Fail
1.2
Fail
1.6
Fail
1.8
Fail
1.2
Fail
—
1.0
Fail
1.4
Fail
1.5
Fail
1.2
Fail
1.0
Fail
—
1.3
Fail
1.5
Fail
1.6
Fail
1.4
Fail
1.3
Fail
—
1.1
Fail
1.8
Fail
1.5
Fail
1.5
Fail
1.1
Fail
—
White BG
2.2Fail
2.7Fail
2.7Fail
3.7AA Large
4.0AA Large
Black BG
9.4AAA
7.9AAA
7.7AAA
5.7AA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C68A
B3B385
A9A98D
8C8C87
7E7E87

Deuteranopia

CCD28B
B7BC86
ABAE8E
8D8F86
7E7E86

Tritanopia

E78E8F
CD8788
B78F8F
958584
7E8584

Achromatopsia

AFAFAF
A0A0A0
9E9E9E
878787
7F7F7F

Shades & Tints Shades & Tints

#EB9886

Dark
Light

#D08E82

Dark
Light

#B9948B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb9886;
  --color-2: #d08e82;
  --color-3: #b9948b;
  --color-4: #967f89;
  --color-5: #7e7e8a;
}

SCSS

$color-1: #eb9886;
$color-2: #d08e82;
$color-3: #b9948b;
$color-4: #967f89;
$color-5: #7e7e8a;

TAILWIND

colors: {
  'brand-1': '#eb9886',
  'brand-2': '#d08e82',
  'brand-3': '#b9948b',
  'brand-4': '#967f89',
  'brand-5': '#7e7e8a',
}

RGB Array

[235, 152, 134], [208, 142, 130], [185, 148, 139], [150, 127, 137], [126, 126, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB9886, #D08E82, #B9948B, #967F89, #7E7E8A is ideal for: corporate websites, product showcases, portfolios. 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: #eb9886; --color-2: #d08e82; --color-3: #b9948b; --color-4: #967f89; --color-5: #7e7e8a. 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. 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