← Back to Editor

#B9A1F7 · #F85BD9 · #43178F · #1F7C66 · #CBD375

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 AppData Visualization

Color Details Color Details

#B9A1F7

Wisteria · LightSteelBlue · Cobalt Blue

HEX
#B9A1F7
RGB
rgb(185, 161, 247)
HSL
hsl(257, 84%, 80%)
HSB
hsb(257, 35%, 97%)
CMYK
cmyk(25%, 35%, 0%, 3%)
Oklch
oklch(76.2% 0.123 296.2)

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

#F85BD9

Mauve · Orchid · Lilac Purple

HEX
#F85BD9
RGB
rgb(248, 91, 217)
HSL
hsl(312, 92%, 66%)
HSB
hsb(312, 63%, 97%)
CMYK
cmyk(0%, 63%, 13%, 3%)
Oklch
oklch(71.8% 0.233 336.4)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#43178F

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#43178F
RGB
rgb(67, 23, 143)
HSL
hsl(262, 72%, 33%)
HSB
hsb(262, 84%, 56%)
CMYK
cmyk(53%, 84%, 0%, 44%)
Oklch
oklch(35.8% 0.177 291.1)

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

#1F7C66

Mineral Blue · SeaGreen · Mint Ice

HEX
#1F7C66
RGB
rgb(31, 124, 102)
HSL
hsl(166, 60%, 30%)
HSB
hsb(166, 75%, 49%)
CMYK
cmyk(75%, 0%, 18%, 51%)
Oklch
oklch(52.8% 0.091 173.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#CBD375

Fresh Green · BurlyWood · Sunflower

HEX
#CBD375
RGB
rgb(203, 211, 117)
HSL
hsl(65, 52%, 64%)
HSB
hsb(65, 45%, 83%)
CMYK
cmyk(4%, 0%, 45%, 17%)
Oklch
oklch(84.0% 0.118 112.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B9A1F7
DFF7A1

Analogous

A1B4F7
B9A1F7
E4A1F7

Triadic

B9A1F7
F7B9A1
A1F7B9

Split-Comp.

B9A1F7
F7E4A1
B4F7A1

Tetradic

B9A1F7
F7A1B4
DFF7A1
A1F7E4

Contrast Matrix WCAG 2.1 Contrast

B9A1F7
F85BD9
43178F
1F7C66
CBD375
—
1.3
Fail
5.4
AA
2.3
Fail
1.4
Fail
1.3
Fail
—
4.3
AA Large
1.8
Fail
1.8
Fail
5.4
AA
4.3
AA Large
—
2.4
Fail
7.5
AAA
2.3
Fail
1.8
Fail
2.4
Fail
—
3.2
AA Large
1.4
Fail
1.8
Fail
7.5
AAA
3.2
AA Large
—
White BG
2.2Fail
2.8Fail
11.9AAA
5.1AA
1.6Fail
Black BG
9.5AAA
7.5AAA
1.8Fail
4.1AA Large
13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAEE2
B4B3BB
303072
47486B
CECF8C

Deuteranopia

B0B2DD
BDC9B3
33366B
423B6D
CECD91

Tritanopia

B8D2CE
F0A29D
415B56
247070
CB9EA2

Achromatopsia

B2B2B2
989898
323232
5E5E5E
C6C6C6

Shades & Tints Shades & Tints

#B9A1F7

Dark
Light

#F85BD9

Dark
Light

#43178F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b9a1f7;
  --color-2: #f85bd9;
  --color-3: #43178f;
  --color-4: #1f7c66;
  --color-5: #cbd375;
}

SCSS

$color-1: #b9a1f7;
$color-2: #f85bd9;
$color-3: #43178f;
$color-4: #1f7c66;
$color-5: #cbd375;

TAILWIND

colors: {
  'brand-1': '#b9a1f7',
  'brand-2': '#f85bd9',
  'brand-3': '#43178f',
  'brand-4': '#1f7c66',
  'brand-5': '#cbd375',
}

RGB Array

[185, 161, 247], [248, 91, 217], [67, 23, 143], [31, 124, 102], [203, 211, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B9A1F7, #F85BD9, #43178F, #1F7C66, #CBD375 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: #b9a1f7; --color-2: #f85bd9; --color-3: #43178f; --color-4: #1f7c66; --color-5: #cbd375. 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 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