← Back to Editor

#EB6760 · #5C393B · #F79779 · #E8BA9F · #DBC2A3

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

#EB6760

Peach Pink · Tomato · Coral Red

HEX
#EB6760
RGB
rgb(235, 103, 96)
HSL
hsl(3, 78%, 65%)
HSB
hsb(3, 59%, 92%)
CMYK
cmyk(0%, 56%, 59%, 8%)
Oklch
oklch(67.5% 0.165 25.5)

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

#5C393B

Crimson · DarkOliveGreen · Wine Red

HEX
#5C393B
RGB
rgb(92, 57, 59)
HSL
hsl(357, 23%, 29%)
HSB
hsb(357, 38%, 36%)
CMYK
cmyk(0%, 38%, 36%, 64%)
Oklch
oklch(38.7% 0.050 15.9)

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

#F79779

Peach Pink · LightSalmon · Coral Red

HEX
#F79779
RGB
rgb(247, 151, 121)
HSL
hsl(14, 89%, 72%)
HSB
hsb(14, 51%, 97%)
CMYK
cmyk(0%, 39%, 51%, 3%)
Oklch
oklch(76.9% 0.124 38.1)

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

#E8BA9F

Apricot · BurlyWood · Peach Orange

HEX
#E8BA9F
RGB
rgb(232, 186, 159)
HSL
hsl(22, 61%, 77%)
HSB
hsb(22, 31%, 91%)
CMYK
cmyk(0%, 20%, 31%, 9%)
Oklch
oklch(82.3% 0.065 51.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#DBC2A3

Goose Yellow · Tan · Warm Sun

HEX
#DBC2A3
RGB
rgb(219, 194, 163)
HSL
hsl(33, 44%, 75%)
HSB
hsb(33, 26%, 86%)
CMYK
cmyk(0%, 11%, 26%, 14%)
Oklch
oklch(82.7% 0.050 73.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB6760
60E4EB

Analogous

EB609F
EB6760
EBAD60

Triadic

EB6760
60EB67
6760EB

Split-Comp.

EB6760
60EBAD
609FEB

Tetradic

EB6760
9FEB60
60E4EB
AD60EB

Contrast Matrix WCAG 2.1 Contrast

EB6760
5C393B
F79779
E8BA9F
DBC2A3
—
3.2
AA Large
1.5
Fail
1.8
Fail
1.8
Fail
3.2
AA Large
—
4.6
AA
5.7
AA
5.8
AA
1.5
Fail
4.6
AA
—
1.2
Fail
1.3
Fail
1.8
Fail
5.7
AA
1.2
Fail
—
1.0
Fail
1.8
Fail
5.8
AA
1.3
Fail
1.0
Fail
—
White BG
3.2AA Large
10.0AAA
2.2Fail
1.8Fail
1.7Fail
Black BG
6.6AA
2.1Fail
9.7AAA
12.0AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B162
4D4D3B
CDCD80
D4D4A6
D0D0AB

Deuteranopia

BAC362
4F513A
D3DA82
D7DAA7
D2D3AC

Tritanopia

E46363
5A3A3A
F28687
E6ABAC
DAB0B2

Achromatopsia

8E8E8E
444444
B0B0B0
C5C5C5
C6C6C6

Shades & Tints Shades & Tints

#EB6760

Dark
Light

#5C393B

Dark
Light

#F79779

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb6760;
  --color-2: #5c393b;
  --color-3: #f79779;
  --color-4: #e8ba9f;
  --color-5: #dbc2a3;
}

SCSS

$color-1: #eb6760;
$color-2: #5c393b;
$color-3: #f79779;
$color-4: #e8ba9f;
$color-5: #dbc2a3;

TAILWIND

colors: {
  'brand-1': '#eb6760',
  'brand-2': '#5c393b',
  'brand-3': '#f79779',
  'brand-4': '#e8ba9f',
  'brand-5': '#dbc2a3',
}

RGB Array

[235, 103, 96], [92, 57, 59], [247, 151, 121], [232, 186, 159], [219, 194, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB6760, #5C393B, #F79779, #E8BA9F, #DBC2A3 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: #eb6760; --color-2: #5c393b; --color-3: #f79779; --color-4: #e8ba9f; --color-5: #dbc2a3. 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