← Back to Editor

#E89995 · #E3ADAB · #A80814 · #EBE5CB · #57352C

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

#E89995

Peach Pink · DarkSalmon · Coral Red

HEX
#E89995
RGB
rgb(232, 153, 149)
HSL
hsl(3, 64%, 75%)
HSB
hsb(3, 36%, 91%)
CMYK
cmyk(0%, 34%, 36%, 9%)
Oklch
oklch(76.1% 0.096 22.7)

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

#E3ADAB

Peach Pink · Tan · Coral Red

HEX
#E3ADAB
RGB
rgb(227, 173, 171)
HSL
hsl(2, 50%, 78%)
HSB
hsb(2, 25%, 89%)
CMYK
cmyk(0%, 24%, 25%, 11%)
Oklch
oklch(79.7% 0.064 21.0)

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

#A80814

Vermilion · FireBrick · Wine Red

HEX
#A80814
RGB
rgb(168, 8, 20)
HSL
hsl(356, 91%, 35%)
HSB
hsb(356, 95%, 66%)
CMYK
cmyk(0%, 95%, 88%, 34%)
Oklch
oklch(46.3% 0.185 26.7)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#EBE5CB

Goose Yellow · Bisque · Lemon Cream

HEX
#EBE5CB
RGB
rgb(235, 229, 203)
HSL
hsl(49, 44%, 86%)
HSB
hsb(49, 14%, 92%)
CMYK
cmyk(0%, 3%, 14%, 8%)
Oklch
oklch(92.0% 0.035 96.3)

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

#57352C

Crimson · DarkOliveGreen · Wine Red

HEX
#57352C
RGB
rgb(87, 53, 44)
HSL
hsl(13, 33%, 26%)
HSB
hsb(13, 49%, 34%)
CMYK
cmyk(0%, 39%, 49%, 66%)
Oklch
oklch(36.8% 0.052 35.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E89995
96E4E8

Analogous

E896BB
E89995
E8C396

Triadic

E89995
96E89B
9B96E8

Split-Comp.

E89995
96E8C3
96BBE8

Tetradic

E89995
BBE896
96E4E8
C396E8

Contrast Matrix WCAG 2.1 Contrast

E89995
E3ADAB
A80814
EBE5CB
57352C
—
1.1
Fail
3.5
AA Large
1.8
Fail
4.8
AA
1.1
Fail
—
4.0
AA Large
1.5
Fail
5.6
AA
3.5
AA Large
4.0
AA Large
—
6.1
AA
1.4
Fail
1.8
Fail
1.5
Fail
6.1
AA
—
8.5
AAA
4.8
AA
5.6
AA
1.4
Fail
8.5
AAA
—
White BG
2.2Fail
1.9Fail
7.7AAA
1.3Fail
10.8AAA
Black BG
9.4AAA
10.8AAA
2.7Fail
16.6AAA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C596
CCCBAB
636111
E8E8D1
48482E

Deuteranopia

CAD096
CFD3AC
6C7810
E9E9D3
4A4D2F

Tritanopia

E49797
E0ACAC
A00F0E
EBD6D7
553030

Achromatopsia

B0B0B0
BDBDBD
393939
E4E4E4
3E3E3E

Shades & Tints Shades & Tints

#E89995

Dark
Light

#E3ADAB

Dark
Light

#A80814

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e89995;
  --color-2: #e3adab;
  --color-3: #a80814;
  --color-4: #ebe5cb;
  --color-5: #57352c;
}

SCSS

$color-1: #e89995;
$color-2: #e3adab;
$color-3: #a80814;
$color-4: #ebe5cb;
$color-5: #57352c;

TAILWIND

colors: {
  'brand-1': '#e89995',
  'brand-2': '#e3adab',
  'brand-3': '#a80814',
  'brand-4': '#ebe5cb',
  'brand-5': '#57352c',
}

RGB Array

[232, 153, 149], [227, 173, 171], [168, 8, 20], [235, 229, 203], [87, 53, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E89995, #E3ADAB, #A80814, #EBE5CB, #57352C 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: #e89995; --color-2: #e3adab; --color-3: #a80814; --color-4: #ebe5cb; --color-5: #57352c. 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