← Back to Editor

#6A6B54 · #DE0DB4 · #E85FCD · #D994EF · #A2DE62

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#6A6B54

Autumn Sage · DimGray · Honey Gold

HEX
#6A6B54
RGB
rgb(106, 107, 84)
HSL
hsl(63, 12%, 37%)
HSB
hsb(63, 21%, 42%)
CMYK
cmyk(1%, 0%, 21%, 58%)
Oklch
oklch(52.0% 0.035 109.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#DE0DB4

Rose Purple · DeepPink · Violet

HEX
#DE0DB4
RGB
rgb(222, 13, 180)
HSL
hsl(312, 89%, 46%)
HSB
hsb(312, 94%, 87%)
CMYK
cmyk(0%, 94%, 19%, 13%)
Oklch
oklch(61.1% 0.262 339.6)

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

#E85FCD

Mauve · Orchid · Lilac Purple

HEX
#E85FCD
RGB
rgb(232, 95, 205)
HSL
hsl(312, 75%, 64%)
HSB
hsb(312, 59%, 91%)
CMYK
cmyk(0%, 59%, 12%, 9%)
Oklch
oklch(69.5% 0.209 336.0)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#D994EF

Lilac · Violet · Lilac Purple

HEX
#D994EF
RGB
rgb(217, 148, 239)
HSL
hsl(285, 74%, 76%)
HSB
hsb(285, 38%, 94%)
CMYK
cmyk(9%, 38%, 0%, 6%)
Oklch
oklch(76.6% 0.145 317.7)

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

#A2DE62

Willow Green · LightGreen · Apple Green

HEX
#A2DE62
RGB
rgb(162, 222, 98)
HSL
hsl(89, 65%, 63%)
HSB
hsb(89, 56%, 87%)
CMYK
cmyk(27%, 0%, 56%, 13%)
Oklch
oklch(83.4% 0.167 130.8)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6A6B54
54536A

Analogous

6A5F53
6A6B54
5D6A53

Triadic

6A6B54
53696A
6A5369

Split-Comp.

6A6B54
535D6A
5F536A

Tetradic

6A6B54
536A5F
54536A
6A535D

Contrast Matrix WCAG 2.1 Contrast

6A6B54
DE0DB4
E85FCD
D994EF
A2DE62
—
1.3
Fail
1.8
Fail
2.5
Fail
3.4
AA Large
1.3
Fail
—
1.4
Fail
2.0
Fail
2.7
Fail
1.8
Fail
1.4
Fail
—
1.4
Fail
1.9
Fail
2.5
Fail
2.0
Fail
1.4
Fail
—
1.4
Fail
3.4
AA Large
2.7
Fail
1.9
Fail
1.4
Fail
—
White BG
5.5AA
4.4AA Large
3.0AA Large
2.2Fail
1.6Fail
Black BG
3.8AA Large
4.8AA
6.9AA
9.4AAA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A6A5A
84828C
ADABB2
BBBBD9
BCBD80

Deuteranopia

6A6A5B
909F82
B5BFAC
BFC4D4
B9B487

Tritanopia

6A5E5F
D46C65
E19D99
D6C8C4
A5989D

Achromatopsia

686868
5F5F5F
959595
B3B3B3
BEBEBE

Shades & Tints Shades & Tints

#6A6B54

Dark
Light

#DE0DB4

Dark
Light

#E85FCD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6a6b54;
  --color-2: #de0db4;
  --color-3: #e85fcd;
  --color-4: #d994ef;
  --color-5: #a2de62;
}

SCSS

$color-1: #6a6b54;
$color-2: #de0db4;
$color-3: #e85fcd;
$color-4: #d994ef;
$color-5: #a2de62;

TAILWIND

colors: {
  'brand-1': '#6a6b54',
  'brand-2': '#de0db4',
  'brand-3': '#e85fcd',
  'brand-4': '#d994ef',
  'brand-5': '#a2de62',
}

RGB Array

[106, 107, 84], [222, 13, 180], [232, 95, 205], [217, 148, 239], [162, 222, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6A6B54, #DE0DB4, #E85FCD, #D994EF, #A2DE62 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #6a6b54; --color-2: #de0db4; --color-3: #e85fcd; --color-4: #d994ef; --color-5: #a2de62. 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 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