← Back to Editor

#EB795E · #AA706F · #87686D · #686A79 · #486472

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

#EB795E

Peach Pink · Coral · Coral Red

HEX
#EB795E
RGB
rgb(235, 121, 94)
HSL
hsl(11, 78%, 65%)
HSB
hsb(11, 60%, 92%)
CMYK
cmyk(0%, 49%, 60%, 8%)
Oklch
oklch(70.1% 0.147 34.5)

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

#AA706F

Crimson · Gray · Passion Red

HEX
#AA706F
RGB
rgb(170, 112, 111)
HSL
hsl(1, 26%, 55%)
HSB
hsb(1, 35%, 67%)
CMYK
cmyk(0%, 34%, 35%, 33%)
Oklch
oklch(60.6% 0.074 20.6)

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

#87686D

Crimson · DimGray · Passion Red

HEX
#87686D
RGB
rgb(135, 104, 109)
HSL
hsl(350, 13%, 47%)
HSB
hsb(350, 23%, 53%)
CMYK
cmyk(0%, 23%, 19%, 47%)
Oklch
oklch(55.0% 0.040 7.7)

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

#686A79

Indigo · DimGray · Warm Gray

HEX
#686A79
RGB
rgb(104, 106, 121)
HSL
hsl(233, 8%, 44%)
HSB
hsb(233, 14%, 47%)
CMYK
cmyk(14%, 12%, 0%, 53%)
Oklch
oklch(52.8% 0.024 279.5)

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

#486472

Slate Blue · DimGray · Prussian Blue

HEX
#486472
RGB
rgb(72, 100, 114)
HSL
hsl(200, 23%, 36%)
HSB
hsb(200, 37%, 45%)
CMYK
cmyk(37%, 12%, 0%, 55%)
Oklch
oklch(48.7% 0.040 230.2)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB795E
60D2EB

Analogous

EB608C
EB795E
EBBF60

Triadic

EB795E
60EB7A
7A60EB

Split-Comp.

EB795E
60EBBF
608CEB

Tetradic

EB795E
8CEB60
60D2EB
BF60EB

Contrast Matrix WCAG 2.1 Contrast

EB795E
AA706F
87686D
686A79
486472
—
1.4
Fail
1.8
Fail
1.9
Fail
2.2
Fail
1.4
Fail
—
1.2
Fail
1.3
Fail
1.6
Fail
1.8
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.9
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
2.2
Fail
1.6
Fail
1.3
Fail
1.2
Fail
—
White BG
2.8Fail
4.0AA Large
5.0AA
5.3AA
6.3AA
Black BG
7.4AAA
5.3AA
4.2AA Large
3.9AA Large
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BAB965
91906F
7A796C
696975
54546F

Deuteranopia

C0C966
94996F
7B7E6C
696974
53506E

Tritanopia

E56A6B
A76F6F
856B6B
687372
496C6B

Achromatopsia

989898
818181
727272
6B6B6B
5D5D5D

Shades & Tints Shades & Tints

#EB795E

Dark
Light

#AA706F

Dark
Light

#87686D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb795e;
  --color-2: #aa706f;
  --color-3: #87686d;
  --color-4: #686a79;
  --color-5: #486472;
}

SCSS

$color-1: #eb795e;
$color-2: #aa706f;
$color-3: #87686d;
$color-4: #686a79;
$color-5: #486472;

TAILWIND

colors: {
  'brand-1': '#eb795e',
  'brand-2': '#aa706f',
  'brand-3': '#87686d',
  'brand-4': '#686a79',
  'brand-5': '#486472',
}

RGB Array

[235, 121, 94], [170, 112, 111], [135, 104, 109], [104, 106, 121], [72, 100, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB795E, #AA706F, #87686D, #686A79, #486472 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #eb795e; --color-2: #aa706f; --color-3: #87686d; --color-4: #686a79; --color-5: #486472. 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. Restrained colors convey professionalism and trust. 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