← Back to Editor

#66596C · #A8889E · #78596F · #9F6577 · #E18174

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

#66596C

Dark Plum · DimGray · Eggplant

HEX
#66596C
RGB
rgb(102, 89, 108)
HSL
hsl(281, 10%, 39%)
HSB
hsb(281, 18%, 42%)
CMYK
cmyk(6%, 18%, 0%, 58%)
Oklch
oklch(48.3% 0.034 315.2)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#A8889E

Rose Purple · DarkGray · Violet

HEX
#A8889E
RGB
rgb(168, 136, 158)
HSL
hsl(319, 16%, 60%)
HSB
hsb(319, 19%, 66%)
CMYK
cmyk(0%, 19%, 6%, 34%)
Oklch
oklch(66.3% 0.049 337.8)

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

#78596F

Rose Purple · DimGray · Violet

HEX
#78596F
RGB
rgb(120, 89, 111)
HSL
hsl(317, 15%, 41%)
HSB
hsb(317, 26%, 47%)
CMYK
cmyk(0%, 26%, 7%, 53%)
Oklch
oklch(50.4% 0.052 337.3)

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

#9F6577

Dark Violet · Gray · Rose Pink

HEX
#9F6577
RGB
rgb(159, 101, 119)
HSL
hsl(341, 23%, 51%)
HSB
hsb(341, 36%, 62%)
CMYK
cmyk(0%, 36%, 25%, 38%)
Oklch
oklch(57.5% 0.078 359.7)

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

#E18174

Peach Pink · LightCoral · Coral Red

HEX
#E18174
RGB
rgb(225, 129, 116)
HSL
hsl(7, 64%, 67%)
HSB
hsb(7, 48%, 88%)
CMYK
cmyk(0%, 43%, 48%, 12%)
Oklch
oklch(70.4% 0.121 28.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

66596C
606D5A

Analogous

5D5A6D
66596C
6D5A6A

Triadic

66596C
6D675A
5A6D67

Split-Comp.

66596C
6A6D5A
5A6D5D

Tetradic

66596C
6D5D5A
606D5A
5A6A6D

Contrast Matrix WCAG 2.1 Contrast

66596C
A8889E
78596F
9F6577
E18174
—
2.1
Fail
1.1
Fail
1.4
Fail
2.4
Fail
2.1
Fail
—
1.9
Fail
1.5
Fail
1.1
Fail
1.1
Fail
1.9
Fail
—
1.3
Fail
2.2
Fail
1.4
Fail
1.5
Fail
1.3
Fail
—
1.7
Fail
2.4
Fail
1.1
Fail
2.2
Fail
1.7
Fail
—
White BG
6.5AA
3.1AA Large
6.1AA
4.6AA
2.8Fail
Black BG
3.2AA Large
6.7AA
3.5AA Large
4.6AA
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

606067
9A9A99
6B6A6A
868573
B7B777

Deuteranopia

616266
9C9E97
6C6F68
898E72
BDC478

Tritanopia

656463
A69494
766565
9C6F6E
DC7A7A

Achromatopsia

5F5F5F
949494
656565
787878
9C9C9C

Shades & Tints Shades & Tints

#66596C

Dark
Light

#A8889E

Dark
Light

#78596F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #66596c;
  --color-2: #a8889e;
  --color-3: #78596f;
  --color-4: #9f6577;
  --color-5: #e18174;
}

SCSS

$color-1: #66596c;
$color-2: #a8889e;
$color-3: #78596f;
$color-4: #9f6577;
$color-5: #e18174;

TAILWIND

colors: {
  'brand-1': '#66596c',
  'brand-2': '#a8889e',
  'brand-3': '#78596f',
  'brand-4': '#9f6577',
  'brand-5': '#e18174',
}

RGB Array

[102, 89, 108], [168, 136, 158], [120, 89, 111], [159, 101, 119], [225, 129, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #66596C, #A8889E, #78596F, #9F6577, #E18174 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: #66596c; --color-2: #a8889e; --color-3: #78596f; --color-4: #9f6577; --color-5: #e18174. 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