← Back to Editor

#AEB3B6 · #EACEA6 · #E78875 · #DB456E · #9D1D61

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

#AEB3B6

Ash · DarkGray · Silver Sand

HEX
#AEB3B6
RGB
rgb(174, 179, 182)
HSL
hsl(203, 5%, 70%)
HSB
hsb(203, 4%, 71%)
CMYK
cmyk(4%, 2%, 0%, 29%)
Oklch
oklch(76.4% 0.007 233.7)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#EACEA6

Goose Yellow · Wheat · Peach Orange

HEX
#EACEA6
RGB
rgb(234, 206, 166)
HSL
hsl(35, 62%, 78%)
HSB
hsb(35, 29%, 92%)
CMYK
cmyk(0%, 12%, 29%, 8%)
Oklch
oklch(86.5% 0.061 76.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E78875

Peach Pink · DarkSalmon · Coral Red

HEX
#E78875
RGB
rgb(231, 136, 117)
HSL
hsl(10, 70%, 68%)
HSB
hsb(10, 49%, 91%)
CMYK
cmyk(0%, 41%, 49%, 9%)
Oklch
oklch(72.4% 0.120 32.2)

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

#DB456E

Dark Violet · MediumVioletRed · Rose Pink

HEX
#DB456E
RGB
rgb(219, 69, 110)
HSL
hsl(344, 68%, 56%)
HSB
hsb(344, 68%, 86%)
CMYK
cmyk(0%, 68%, 50%, 14%)
Oklch
oklch(61.3% 0.187 8.2)

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

#9D1D61

Rose Purple · Purple · Camellia

HEX
#9D1D61
RGB
rgb(157, 29, 97)
HSL
hsl(328, 69%, 36%)
HSB
hsb(328, 82%, 62%)
CMYK
cmyk(0%, 82%, 38%, 38%)
Oklch
oklch(46.9% 0.172 354.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEB3B6
B6B2AF

Analogous

AFB6B5
AEB3B6
AFB0B6

Triadic

AEB3B6
B6AFB3
B3B6AF

Split-Comp.

AEB3B6
B6AFB0
B6B5AF

Tetradic

AEB3B6
B5AFB6
B6B2AF
B0B6AF

Contrast Matrix WCAG 2.1 Contrast

AEB3B6
EACEA6
E78875
DB456E
9D1D61
—
1.4
Fail
1.2
Fail
2.0
Fail
3.6
AA Large
1.4
Fail
—
1.7
Fail
2.7
Fail
5.0
AA
1.2
Fail
1.7
Fail
—
1.6
Fail
2.9
Fail
2.0
Fail
2.7
Fail
1.6
Fail
—
1.8
Fail
3.6
AA Large
5.0
AA
2.9
Fail
1.8
Fail
—
White BG
2.1Fail
1.5Fail
2.6Fail
4.1AA Large
7.5AAA
Black BG
9.9AAA
13.9AAA
8.2AAA
5.1AA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B0B5
DEDEB0
BEBD7A
9A9964
666451

Deuteranopia

B0B0B5
E0E2B2
C3CB7B
A3AE62
6D774D

Tritanopia

AEB5B5
E9B7B9
E27D7E
D35C5B
974441

Achromatopsia

B2B2B2
D2D2D2
A2A2A2
777777
4B4B4B

Shades & Tints Shades & Tints

#AEB3B6

Dark
Light

#EACEA6

Dark
Light

#E78875

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aeb3b6;
  --color-2: #eacea6;
  --color-3: #e78875;
  --color-4: #db456e;
  --color-5: #9d1d61;
}

SCSS

$color-1: #aeb3b6;
$color-2: #eacea6;
$color-3: #e78875;
$color-4: #db456e;
$color-5: #9d1d61;

TAILWIND

colors: {
  'brand-1': '#aeb3b6',
  'brand-2': '#eacea6',
  'brand-3': '#e78875',
  'brand-4': '#db456e',
  'brand-5': '#9d1d61',
}

RGB Array

[174, 179, 182], [234, 206, 166], [231, 136, 117], [219, 69, 110], [157, 29, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AEB3B6, #EACEA6, #E78875, #DB456E, #9D1D61 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: #aeb3b6; --color-2: #eacea6; --color-3: #e78875; --color-4: #db456e; --color-5: #9d1d61. 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