← Back to Editor

#DCBEEA · #846592 · #88818B · #B3A1BB · #BBB5A1

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

#DCBEEA

Lilac · LightGray · Lavender

HEX
#DCBEEA
RGB
rgb(220, 190, 234)
HSL
hsl(281, 51%, 83%)
HSB
hsb(281, 19%, 92%)
CMYK
cmyk(6%, 19%, 0%, 8%)
Oklch
oklch(84.1% 0.068 315.0)

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

#846592

Dark Plum · Gray · Violet

HEX
#846592
RGB
rgb(132, 101, 146)
HSL
hsl(281, 18%, 48%)
HSB
hsb(281, 31%, 57%)
CMYK
cmyk(10%, 31%, 0%, 43%)
Oklch
oklch(55.4% 0.077 315.1)

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

#88818B

Ash · Gray · Warm Gray

HEX
#88818B
RGB
rgb(136, 129, 139)
HSL
hsl(282, 4%, 53%)
HSB
hsb(282, 7%, 55%)
CMYK
cmyk(2%, 7%, 0%, 45%)
Oklch
oklch(61.3% 0.017 315.9)

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

#B3A1BB

Lilac · DarkGray · Lilac Purple

HEX
#B3A1BB
RGB
rgb(179, 161, 187)
HSL
hsl(282, 16%, 68%)
HSB
hsb(282, 14%, 73%)
CMYK
cmyk(4%, 14%, 0%, 27%)
Oklch
oklch(73.3% 0.042 315.5)

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

#BBB5A1

Ginger · DarkGray · Sunflower

HEX
#BBB5A1
RGB
rgb(187, 181, 161)
HSL
hsl(46, 16%, 68%)
HSB
hsb(46, 14%, 73%)
CMYK
cmyk(0%, 3%, 14%, 27%)
Oklch
oklch(77.3% 0.028 93.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DCBEEA
CCEABE

Analogous

C6BEEA
DCBEEA
EABEE2

Triadic

DCBEEA
EADCBE
BEEADC

Split-Comp.

DCBEEA
E2EABE
BEEAC6

Tetradic

DCBEEA
EAC6BE
CCEABE
BEE2EA

Contrast Matrix WCAG 2.1 Contrast

DCBEEA
846592
88818B
B3A1BB
BBB5A1
—
3.0
Fail
2.3
Fail
1.4
Fail
1.2
Fail
3.0
Fail
—
1.3
Fail
2.1
Fail
2.4
Fail
2.3
Fail
1.3
Fail
—
1.6
Fail
1.8
Fail
1.4
Fail
2.1
Fail
1.6
Fail
—
1.2
Fail
1.2
Fail
2.4
Fail
1.8
Fail
1.2
Fail
—
White BG
1.7Fail
4.9AA
3.8AA Large
2.4Fail
2.1Fail
Black BG
12.6AAA
4.3AA Large
5.6AA
8.7AAA
10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFDF
777687
858589
ABABB5
B8B8A6

Deuteranopia

D1D3DD
787B85
858688
ACAEB3
B9B9A7

Tritanopia

DBD7D5
827F7D
888786
B2B0AF
BBAAAB

Achromatopsia

CCCCCC
737373
848484
A9A9A9
B5B5B5

Shades & Tints Shades & Tints

#DCBEEA

Dark
Light

#846592

Dark
Light

#88818B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dcbeea;
  --color-2: #846592;
  --color-3: #88818b;
  --color-4: #b3a1bb;
  --color-5: #bbb5a1;
}

SCSS

$color-1: #dcbeea;
$color-2: #846592;
$color-3: #88818b;
$color-4: #b3a1bb;
$color-5: #bbb5a1;

TAILWIND

colors: {
  'brand-1': '#dcbeea',
  'brand-2': '#846592',
  'brand-3': '#88818b',
  'brand-4': '#b3a1bb',
  'brand-5': '#bbb5a1',
}

RGB Array

[220, 190, 234], [132, 101, 146], [136, 129, 139], [179, 161, 187], [187, 181, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DCBEEA, #846592, #88818B, #B3A1BB, #BBB5A1 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: #dcbeea; --color-2: #846592; --color-3: #88818b; --color-4: #b3a1bb; --color-5: #bbb5a1. 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