← Back to Editor

#A770FF · #E17FBA · #FA869C · #FBA485 · #E6E4CC

dark

A 5-color dark palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#A770FF

Wisteria · MediumSlateBlue · Lilac Purple

HEX
#A770FF
RGB
rgb(167, 112, 255)
HSL
hsl(263, 100%, 72%)
HSB
hsb(263, 56%, 100%)
CMYK
cmyk(35%, 56%, 0%, 0%)
Oklch
oklch(66.8% 0.205 298.4)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

#E17FBA

Mauve · Orchid · Rose Pink

HEX
#E17FBA
RGB
rgb(225, 127, 186)
HSL
hsl(324, 62%, 69%)
HSB
hsb(324, 44%, 88%)
CMYK
cmyk(0%, 44%, 17%, 12%)
Oklch
oklch(72.1% 0.140 344.2)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#FA869C

Peach Pink · LightCoral · Coral Red

HEX
#FA869C
RGB
rgb(250, 134, 156)
HSL
hsl(349, 92%, 75%)
HSB
hsb(349, 46%, 98%)
CMYK
cmyk(0%, 46%, 38%, 2%)
Oklch
oklch(75.3% 0.142 9.0)

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

#FBA485

Apricot · LightSalmon · Warm Sun

HEX
#FBA485
RGB
rgb(251, 164, 133)
HSL
hsl(16, 94%, 75%)
HSB
hsb(16, 47%, 98%)
CMYK
cmyk(0%, 35%, 47%, 2%)
Oklch
oklch(79.8% 0.112 40.4)

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

#E6E4CC

Fresh Green · Bisque · Lemon Cream

HEX
#E6E4CC
RGB
rgb(230, 228, 204)
HSL
hsl(55, 34%, 85%)
HSB
hsb(55, 11%, 90%)
CMYK
cmyk(0%, 1%, 11%, 10%)
Oklch
oklch(91.4% 0.032 103.1)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A770FF
C8FF70

Analogous

7081FF
A770FF
EE70FF

Triadic

A770FF
FFA770
70FFA7

Split-Comp.

A770FF
FFEE70
81FF70

Tetradic

A770FF
FF7081
C8FF70
70FFEE

Contrast Matrix WCAG 2.1 Contrast

A770FF
E17FBA
FA869C
FBA485
E6E4CC
—
1.2
Fail
1.4
Fail
1.7
Fail
2.6
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
2.1
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
1.8
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.5
Fail
2.6
Fail
2.1
Fail
1.8
Fail
1.5
Fail
—
White BG
3.3AA Large
2.6Fail
2.3Fail
2.0Fail
1.3Fail
Black BG
6.4AA
7.9AAA
9.0AAA
10.8AAA
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8FDC
B7B6AC
C8C797
D5D58D
E5E5D2

Deuteranopia

9297D4
BCC4A8
CFD795
DAE18E
E5E5D3

Tritanopia

A4C1BB
DCA09E
F49292
F79294
E6D6D7

Achromatopsia

919191
A3A3A3
ABABAB
BABABA
E2E2E2

Shades & Tints Shades & Tints

#A770FF

Dark
Light

#E17FBA

Dark
Light

#FA869C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a770ff;
  --color-2: #e17fba;
  --color-3: #fa869c;
  --color-4: #fba485;
  --color-5: #e6e4cc;
}

SCSS

$color-1: #a770ff;
$color-2: #e17fba;
$color-3: #fa869c;
$color-4: #fba485;
$color-5: #e6e4cc;

TAILWIND

colors: {
  'brand-1': '#a770ff',
  'brand-2': '#e17fba',
  'brand-3': '#fa869c',
  'brand-4': '#fba485',
  'brand-5': '#e6e4cc',
}

RGB Array

[167, 112, 255], [225, 127, 186], [250, 134, 156], [251, 164, 133], [230, 228, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #A770FF, #E17FBA, #FA869C, #FBA485, #E6E4CC is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a770ff; --color-2: #e17fba; --color-3: #fa869c; --color-4: #fba485; --color-5: #e6e4cc. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 dark-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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