← Back to Editor

#E99765 · #9E4C3E · #EF6960 · #D57179 · #883B4F

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 Library

Color Details Color Details

#E99765

Apricot · SandyBrown · Warm Sun

HEX
#E99765
RGB
rgb(233, 151, 101)
HSL
hsl(23, 75%, 65%)
HSB
hsb(23, 57%, 91%)
CMYK
cmyk(0%, 35%, 57%, 9%)
Oklch
oklch(74.9% 0.119 51.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#9E4C3E

Crimson · Sienna · Passion Red

HEX
#9E4C3E
RGB
rgb(158, 76, 62)
HSL
hsl(9, 44%, 43%)
HSB
hsb(9, 61%, 62%)
CMYK
cmyk(0%, 52%, 61%, 38%)
Oklch
oklch(51.6% 0.112 31.2)

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

#EF6960

Peach Pink · Tomato · Coral Red

HEX
#EF6960
RGB
rgb(239, 105, 96)
HSL
hsl(4, 82%, 66%)
HSB
hsb(4, 60%, 94%)
CMYK
cmyk(0%, 56%, 60%, 6%)
Oklch
oklch(68.4% 0.167 26.3)

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

#D57179

Peach Pink · LightCoral · Coral Red

HEX
#D57179
RGB
rgb(213, 113, 121)
HSL
hsl(355, 54%, 64%)
HSB
hsb(355, 47%, 84%)
CMYK
cmyk(0%, 47%, 43%, 16%)
Oklch
oklch(66.4% 0.125 16.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#883B4F

Dark Violet · Sienna · Camellia

HEX
#883B4F
RGB
rgb(136, 59, 79)
HSL
hsl(344, 39%, 38%)
HSB
hsb(344, 57%, 53%)
CMYK
cmyk(0%, 57%, 42%, 47%)
Oklch
oklch(46.1% 0.107 6.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E99765
63B5E9

Analogous

E96372
E99765
E9D963

Triadic

E99765
63E996
9663E9

Split-Comp.

E99765
63E9D9
6372E9

Tetradic

E99765
72E963
63B5E9
D963E9

Contrast Matrix WCAG 2.1 Contrast

E99765
9E4C3E
EF6960
D57179
883B4F
—
2.6
Fail
1.3
Fail
1.4
Fail
3.3
AA Large
2.6
Fail
—
1.9
Fail
1.8
Fail
1.3
Fail
1.3
Fail
1.9
Fail
—
1.1
Fail
2.5
Fail
1.4
Fail
1.8
Fail
1.1
Fail
—
2.3
Fail
3.3
AA Large
1.3
Fail
2.5
Fail
2.3
Fail
—
White BG
2.3Fail
5.9AA
3.1AA Large
3.2AA Large
7.5AAA
Black BG
9.1AAA
3.6AA Large
6.9AA
6.5AA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C571
7A7A41
B5B462
AAA977
67664A

Deuteranopia

CAD074
7F8542
BDC763
B0B777
6B7149

Tritanopia

E57B7D
9A4445
E86464
D07675
844646

Achromatopsia

AAAAAA
636363
909090
909090
545454

Shades & Tints Shades & Tints

#E99765

Dark
Light

#9E4C3E

Dark
Light

#EF6960

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e99765;
  --color-2: #9e4c3e;
  --color-3: #ef6960;
  --color-4: #d57179;
  --color-5: #883b4f;
}

SCSS

$color-1: #e99765;
$color-2: #9e4c3e;
$color-3: #ef6960;
$color-4: #d57179;
$color-5: #883b4f;

TAILWIND

colors: {
  'brand-1': '#e99765',
  'brand-2': '#9e4c3e',
  'brand-3': '#ef6960',
  'brand-4': '#d57179',
  'brand-5': '#883b4f',
}

RGB Array

[233, 151, 101], [158, 76, 62], [239, 105, 96], [213, 113, 121], [136, 59, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E99765, #9E4C3E, #EF6960, #D57179, #883B4F 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: #e99765; --color-2: #9e4c3e; --color-3: #ef6960; --color-4: #d57179; --color-5: #883b4f. 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