← Back to Editor

#B4B188 · #FCD4A0 · #E58A5E · #B81E52 · #331259

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#B4B188

Fresh Green · Tan · Sunflower

HEX
#B4B188
RGB
rgb(180, 177, 136)
HSL
hsl(56, 23%, 62%)
HSB
hsb(56, 24%, 71%)
CMYK
cmyk(0%, 2%, 24%, 29%)
Oklch
oklch(75.2% 0.056 104.2)

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

#FCD4A0

Goose Yellow · Wheat · Peach Orange

HEX
#FCD4A0
RGB
rgb(252, 212, 160)
HSL
hsl(34, 94%, 81%)
HSB
hsb(34, 37%, 99%)
CMYK
cmyk(0%, 16%, 37%, 1%)
Oklch
oklch(89.2% 0.081 73.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E58A5E

Apricot · SandyBrown · Warm Sun

HEX
#E58A5E
RGB
rgb(229, 138, 94)
HSL
hsl(20, 72%, 63%)
HSB
hsb(20, 59%, 90%)
CMYK
cmyk(0%, 40%, 59%, 10%)
Oklch
oklch(72.0% 0.126 46.0)

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

#B81E52

Dark Violet · Crimson · Camellia

HEX
#B81E52
RGB
rgb(184, 30, 82)
HSL
hsl(340, 72%, 42%)
HSB
hsb(340, 84%, 72%)
CMYK
cmyk(0%, 84%, 55%, 28%)
Oklch
oklch(51.4% 0.188 8.1)

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

#331259

Deep Indigo · MidnightBlue · Eggplant

HEX
#331259
RGB
rgb(51, 18, 89)
HSL
hsl(268, 66%, 21%)
HSB
hsb(268, 80%, 35%)
CMYK
cmyk(43%, 80%, 0%, 65%)
Oklch
oklch(27.9% 0.119 299.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B4B188
888BB4

Analogous

B49B88
B4B188
A1B488

Triadic

B4B188
88B4B1
B188B4

Split-Comp.

B4B188
88A1B4
9B88B4

Tetradic

B4B188
88B49B
888BB4
B488A1

Contrast Matrix WCAG 2.1 Contrast

B4B188
FCD4A0
E58A5E
B81E52
331259
—
1.6
Fail
1.2
Fail
2.9
Fail
7.0
AA
1.6
Fail
—
1.9
Fail
4.5
AA
11.0
AAA
1.2
Fail
1.9
Fail
—
2.4
Fail
5.9
AA
2.9
Fail
4.5
AA
2.4
Fail
—
2.4
Fail
7.0
AA
11.0
AAA
5.9
AA
2.4
Fail
—
White BG
2.2Fail
1.4Fail
2.6Fail
6.3AA
15.3AAA
Black BG
9.6AAA
15.1AAA
8.1AAA
3.3AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B392
EBEAAD
BEBD69
757445
252448

Deuteranopia

B3B394
EDF0B0
C3CA6B
7E8A42
272944

Tritanopia

B49A9B
FAB7B9
E07173
B03B39
313A37

Achromatopsia

ADADAD
DADADA
A0A0A0
525252
242424

Shades & Tints Shades & Tints

#B4B188

Dark
Light

#FCD4A0

Dark
Light

#E58A5E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b4b188;
  --color-2: #fcd4a0;
  --color-3: #e58a5e;
  --color-4: #b81e52;
  --color-5: #331259;
}

SCSS

$color-1: #b4b188;
$color-2: #fcd4a0;
$color-3: #e58a5e;
$color-4: #b81e52;
$color-5: #331259;

TAILWIND

colors: {
  'brand-1': '#b4b188',
  'brand-2': '#fcd4a0',
  'brand-3': '#e58a5e',
  'brand-4': '#b81e52',
  'brand-5': '#331259',
}

RGB Array

[180, 177, 136], [252, 212, 160], [229, 138, 94], [184, 30, 82], [51, 18, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #B4B188, #FCD4A0, #E58A5E, #B81E52, #331259 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #b4b188; --color-2: #fcd4a0; --color-3: #e58a5e; --color-4: #b81e52; --color-5: #331259. 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 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