← Back to Editor

#B8A0C2 · #70566F · #4E3C64 · #27274B · #EADCBF

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#B8A0C2

Lilac · DarkGray · Lilac Purple

HEX
#B8A0C2
RGB
rgb(184, 160, 194)
HSL
hsl(282, 22%, 69%)
HSB
hsb(282, 18%, 76%)
CMYK
cmyk(5%, 18%, 0%, 24%)
Oklch
oklch(73.8% 0.055 316.0)

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

#70566F

Rose Purple · DimGray · Eggplant

HEX
#70566F
RGB
rgb(112, 86, 111)
HSL
hsl(302, 13%, 39%)
HSB
hsb(302, 23%, 44%)
CMYK
cmyk(0%, 23%, 1%, 56%)
Oklch
oklch(48.9% 0.051 327.6)

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

#4E3C64

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#4E3C64
RGB
rgb(78, 60, 100)
HSL
hsl(267, 25%, 31%)
HSB
hsb(267, 40%, 39%)
CMYK
cmyk(22%, 40%, 0%, 61%)
Oklch
oklch(39.3% 0.069 304.1)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#27274B

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#27274B
RGB
rgb(39, 39, 75)
HSL
hsl(240, 32%, 22%)
HSB
hsb(240, 48%, 29%)
CMYK
cmyk(48%, 48%, 0%, 71%)
Oklch
oklch(29.2% 0.065 281.6)

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

#EADCBF

Goose Yellow · Wheat · Lemon Cream

HEX
#EADCBF
RGB
rgb(234, 220, 191)
HSL
hsl(40, 51%, 83%)
HSB
hsb(40, 18%, 92%)
CMYK
cmyk(0%, 6%, 18%, 8%)
Oklch
oklch(89.8% 0.041 85.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B8A0C2
A9C19F

Analogous

A69FC1
B8A0C2
C19FBA

Triadic

B8A0C2
C1B79F
9FC1B7

Split-Comp.

B8A0C2
BAC19F
9FC1A6

Tetradic

B8A0C2
C1A69F
A9C19F
9FBAC1

Contrast Matrix WCAG 2.1 Contrast

B8A0C2
70566F
4E3C64
27274B
EADCBF
—
2.7
Fail
4.1
AA Large
6.0
AA
1.8
Fail
2.7
Fail
—
1.5
Fail
2.2
Fail
4.8
AA
4.1
AA Large
1.5
Fail
—
1.5
Fail
7.2
AAA
6.0
AA
2.2
Fail
1.5
Fail
—
10.5
AAA
1.8
Fail
4.8
AA
7.2
AAA
10.5
AAA
—
White BG
2.4Fail
6.5AA
9.7AAA
14.2AAA
1.4Fail
Black BG
8.8AAA
3.2AA Large
2.2Fail
1.5Fail
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEADBA
656569
46465A
272742
E4E4C6

Deuteranopia

AFB1B8
666867
474958
272740
E5E6C8

Tritanopia

B7B3B2
6F6463
4D5351
273B3A
E9CCCD

Achromatopsia

ABABAB
616161
464646
2B2B2B
DDDDDD

Shades & Tints Shades & Tints

#B8A0C2

Dark
Light

#70566F

Dark
Light

#4E3C64

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b8a0c2;
  --color-2: #70566f;
  --color-3: #4e3c64;
  --color-4: #27274b;
  --color-5: #eadcbf;
}

SCSS

$color-1: #b8a0c2;
$color-2: #70566f;
$color-3: #4e3c64;
$color-4: #27274b;
$color-5: #eadcbf;

TAILWIND

colors: {
  'brand-1': '#b8a0c2',
  'brand-2': '#70566f',
  'brand-3': '#4e3c64',
  'brand-4': '#27274b',
  'brand-5': '#eadcbf',
}

RGB Array

[184, 160, 194], [112, 86, 111], [78, 60, 100], [39, 39, 75], [234, 220, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #B8A0C2, #70566F, #4E3C64, #27274B, #EADCBF is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #b8a0c2; --color-2: #70566f; --color-3: #4e3c64; --color-4: #27274b; --color-5: #eadcbf. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 space-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