← Back to Editor

#BEB4FA · #E0DDE1 · #696193 · #ACAEA9 · #6E6E87

luxury

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BEB4FA

Wisteria · LightSteelBlue · Sky Blue

HEX
#BEB4FA
RGB
rgb(190, 180, 250)
HSL
hsl(249, 88%, 84%)
HSB
hsb(249, 28%, 98%)
CMYK
cmyk(24%, 28%, 0%, 2%)
Oklch
oklch(80.3% 0.098 290.6)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#E0DDE1

Plain White · LightGray · Cloud White

HEX
#E0DDE1
RGB
rgb(224, 221, 225)
HSL
hsl(285, 6%, 87%)
HSB
hsb(285, 2%, 88%)
CMYK
cmyk(0%, 2%, 0%, 12%)
Oklch
oklch(90.1% 0.006 317.8)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#696193

Deep Indigo · SlateGray · Navy Blue

HEX
#696193
RGB
rgb(105, 97, 147)
HSL
hsl(250, 20%, 48%)
HSB
hsb(250, 34%, 58%)
CMYK
cmyk(29%, 34%, 0%, 42%)
Oklch
oklch(52.1% 0.078 290.8)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#ACAEA9

Ash · DarkGray · Silver Sand

HEX
#ACAEA9
RGB
rgb(172, 174, 169)
HSL
hsl(84, 3%, 67%)
HSB
hsb(84, 3%, 68%)
CMYK
cmyk(1%, 0%, 3%, 32%)
Oklch
oklch(74.8% 0.007 124.5)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#6E6E87

Deep Indigo · SlateGray · Navy Blue

HEX
#6E6E87
RGB
rgb(110, 110, 135)
HSL
hsl(240, 10%, 48%)
HSB
hsb(240, 19%, 53%)
CMYK
cmyk(19%, 19%, 0%, 47%)
Oklch
oklch(54.7% 0.039 285.1)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BEB4FA
EFFAB2

Analogous

B2CBFA
BEB4FA
E1B2FA

Triadic

BEB4FA
FABDB2
B2FABD

Split-Comp.

BEB4FA
FAE1B2
CBFAB2

Tetradic

BEB4FA
FAB2CB
EFFAB2
B2FAE1

Contrast Matrix WCAG 2.1 Contrast

BEB4FA
E0DDE1
696193
ACAEA9
6E6E87
—
1.4
Fail
3.0
Fail
1.2
Fail
2.6
Fail
1.4
Fail
—
4.2
AA Large
1.7
Fail
3.7
AA Large
3.0
Fail
4.2
AA Large
—
2.5
Fail
1.1
Fail
1.2
Fail
1.7
Fail
2.5
Fail
—
2.2
Fail
2.6
Fail
3.7
AA Large
1.1
Fail
2.2
Fail
—
White BG
1.9Fail
1.3Fail
5.6AA
2.2Fail
4.9AA
Black BG
11.1AAA
15.6AAA
3.7AA Large
9.4AAA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABAE9
DFDFE0
666587
ADADAA
6E6E81

Deuteranopia

BABBE5
DFDFE0
666784
ADADAB
6E6E80

Tritanopia

BEDCD9
E0DFDF
697D7B
ACABAB
6E7C7B

Achromatopsia

BFBFBF
DEDEDE
696969
ADADAD
717171

Shades & Tints Shades & Tints

#BEB4FA

Dark
Light

#E0DDE1

Dark
Light

#696193

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #beb4fa;
  --color-2: #e0dde1;
  --color-3: #696193;
  --color-4: #acaea9;
  --color-5: #6e6e87;
}

SCSS

$color-1: #beb4fa;
$color-2: #e0dde1;
$color-3: #696193;
$color-4: #acaea9;
$color-5: #6e6e87;

TAILWIND

colors: {
  'brand-1': '#beb4fa',
  'brand-2': '#e0dde1',
  'brand-3': '#696193',
  'brand-4': '#acaea9',
  'brand-5': '#6e6e87',
}

RGB Array

[190, 180, 250], [224, 221, 225], [105, 97, 147], [172, 174, 169], [110, 110, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #BEB4FA, #E0DDE1, #696193, #ACAEA9, #6E6E87 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #beb4fa; --color-2: #e0dde1; --color-3: #696193; --color-4: #acaea9; --color-5: #6e6e87. 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 luxury-style 5-color scheme is especially suited for beauty, lifestyle, arts 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