← Back to Editor

#584B96 · #BF398A · #FF4D91 · #EDA48A · #DBCA84

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#584B96

Deep Indigo · DarkSlateBlue · Navy Blue

HEX
#584B96
RGB
rgb(88, 75, 150)
HSL
hsl(250, 33%, 44%)
HSB
hsb(250, 50%, 59%)
CMYK
cmyk(41%, 50%, 0%, 41%)
Oklch
oklch(46.3% 0.118 288.9)

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

#BF398A

Rose Purple · MediumVioletRed · Camellia

HEX
#BF398A
RGB
rgb(191, 57, 138)
HSL
hsl(324, 54%, 49%)
HSB
hsb(324, 70%, 75%)
CMYK
cmyk(0%, 70%, 28%, 25%)
Oklch
oklch(56.6% 0.188 347.6)

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

#FF4D91

Rouge · LightCoral · Rose Pink

HEX
#FF4D91
RGB
rgb(255, 77, 145)
HSL
hsl(337, 100%, 65%)
HSB
hsb(337, 70%, 100%)
CMYK
cmyk(0%, 70%, 43%, 0%)
Oklch
oklch(68.8% 0.219 1.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#EDA48A

Apricot · DarkSalmon · Warm Sun

HEX
#EDA48A
RGB
rgb(237, 164, 138)
HSL
hsl(16, 73%, 74%)
HSB
hsb(16, 42%, 93%)
CMYK
cmyk(0%, 31%, 42%, 7%)
Oklch
oklch(78.3% 0.095 40.4)

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

#DBCA84

Ginger · BurlyWood · Sunflower

HEX
#DBCA84
RGB
rgb(219, 202, 132)
HSL
hsl(48, 55%, 69%)
HSB
hsb(48, 40%, 86%)
CMYK
cmyk(0%, 8%, 40%, 14%)
Oklch
oklch(83.7% 0.091 96.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

584B96
89954B

Analogous

4B6495
584B96
7D4B95

Triadic

584B96
95584B
4B9558

Split-Comp.

584B96
957D4B
64954B

Tetradic

584B96
954B64
89954B
4B957D

Contrast Matrix WCAG 2.1 Contrast

584B96
BF398A
FF4D91
EDA48A
DBCA84
—
1.5
Fail
2.3
Fail
3.6
AA Large
4.5
AA Large
1.5
Fail
—
1.6
Fail
2.5
Fail
3.1
AA Large
2.3
Fail
1.6
Fail
—
1.5
Fail
1.9
Fail
3.6
AA Large
2.5
Fail
1.5
Fail
—
1.2
Fail
4.5
AA Large
3.1
AA Large
1.9
Fail
1.2
Fail
—
White BG
7.3AAA
5.0AA
3.1AA Large
2.0Fail
1.6Fail
Black BG
2.9Fail
4.2AA Large
6.7AA
10.3AAA
12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

525284
858476
B2B081
CDCD90
D4D395

Deuteranopia

535480
8D9772
BCCA7D
D2D792
D5D699

Tritanopia

577672
B86764
F67471
E99596
DAA2A5

Achromatopsia

575757
6A6A6A
8A8A8A
B7B7B7
C7C7C7

Shades & Tints Shades & Tints

#584B96

Dark
Light

#BF398A

Dark
Light

#FF4D91

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #584b96;
  --color-2: #bf398a;
  --color-3: #ff4d91;
  --color-4: #eda48a;
  --color-5: #dbca84;
}

SCSS

$color-1: #584b96;
$color-2: #bf398a;
$color-3: #ff4d91;
$color-4: #eda48a;
$color-5: #dbca84;

TAILWIND

colors: {
  'brand-1': '#584b96',
  'brand-2': '#bf398a',
  'brand-3': '#ff4d91',
  'brand-4': '#eda48a',
  'brand-5': '#dbca84',
}

RGB Array

[88, 75, 150], [191, 57, 138], [255, 77, 145], [237, 164, 138], [219, 202, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #584B96, #BF398A, #FF4D91, #EDA48A, #DBCA84 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: #584b96; --color-2: #bf398a; --color-3: #ff4d91; --color-4: #eda48a; --color-5: #dbca84. 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