#BFB3B9 + #E1119B + #B9219A + #90329A + #684299 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#BFB3B9

Rouge · Silver · Pearl Gray

HEX

#BFB3B9

RGB

rgb(191, 179, 185)

HSL

hsl(330, 9%, 73%)

HSB

hsb(330, 6%, 75%)

CMYK

cmyk(0%, 6%, 3%, 25%)

Oklch

oklch(77.9% 0.016 345.7)

Traditional「Rouge」· Paint「Pearl Gray」· Creative Silver Lining

#E1119B

Rose Purple · DeepPink · Camellia

HEX

#E1119B

RGB

rgb(225, 17, 155)

HSL

hsl(320, 86%, 47%)

HSB

hsb(320, 92%, 88%)

CMYK

cmyk(0%, 92%, 31%, 12%)

Oklch

oklch(60.6% 0.249 348.2)

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

#B9219A

Rose Purple · MediumVioletRed · Violet

HEX

#B9219A

RGB

rgb(185, 33, 154)

HSL

hsl(312, 70%, 43%)

HSB

hsb(312, 82%, 73%)

CMYK

cmyk(0%, 82%, 17%, 27%)

Oklch

oklch(54.5% 0.218 338.4)

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

#90329A

Royal Purple · DarkOrchid · Eggplant

HEX

#90329A

RGB

rgb(144, 50, 154)

HSL

hsl(294, 51%, 40%)

HSB

hsb(294, 68%, 60%)

CMYK

cmyk(6%, 68%, 0%, 40%)

Oklch

oklch(49.5% 0.179 323.8)

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

#684299

Deep Indigo · DarkSlateBlue · Violet

HEX

#684299

RGB

rgb(104, 66, 153)

HSL

hsl(266, 40%, 43%)

HSB

hsb(266, 57%, 60%)

CMYK

cmyk(32%, 57%, 0%, 40%)

Oklch

oklch(46.5% 0.138 301.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFB3B9

B4C0BA

Analogous

C0B4C0

BFB3B9

C0B4B4

Triadic

BFB3B9

BAC0B4

B4BAC0

Split-Comp.

BFB3B9

B4C0B4

B4C0C0

Tetradic

BFB3B9

C0C0B4

B4C0BA

B4B4C0

Contrast Matrix WCAG 2.1 Contrast

BFB3B9	E1119B	B9219A	90329A	684299
—	2.2 Fail	2.8 Fail	3.3 AA Large	3.7 AA Large
2.2 Fail	—	1.3 Fail	1.5 Fail	1.7 Fail
2.8 Fail	1.3 Fail	—	1.2 Fail	1.3 Fail
3.3 AA Large	1.5 Fail	1.2 Fail	—	1.1 Fail
3.7 AA Large	1.7 Fail	1.3 Fail	1.1 Fail	—

White BG

2.0Fail

4.4AA Large

5.6AA

6.8AA

7.4AAA

Black BG

10.4AAA

4.8AA

3.7AA Large

3.1AA Large

2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABAB8

87857A

77767D

676681

585784

Deuteranopia

BBBBB7

93A372

808B76

6D747B

5A5D7F

Tritanopia

BEB6B6

D75F59

B16661

8B6D69

667370

Achromatopsia

B7B7B7

5F5F5F

5C5C5C

5A5A5A

575757

Shades & Tints Shades & Tints

#BFB3B9

Dark

Light

#E1119B

Dark

Light

#B9219A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfb3b9;
  --color-2: #e1119b;
  --color-3: #b9219a;
  --color-4: #90329a;
  --color-5: #684299;
}

SCSS

$color-1: #bfb3b9;
$color-2: #e1119b;
$color-3: #b9219a;
$color-4: #90329a;
$color-5: #684299;

TAILWIND

colors: {
  'brand-1': '#bfb3b9',
  'brand-2': '#e1119b',
  'brand-3': '#b9219a',
  'brand-4': '#90329a',
  'brand-5': '#684299',
}

RGB Array

[191, 179, 185], [225, 17, 155], [185, 33, 154], [144, 50, 154], [104, 66, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BFB3B9, #E1119B, #B9219A, #90329A, #684299 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #bfb3b9; --color-2: #e1119b; --color-3: #b9219a; --color-4: #90329a; --color-5: #684299. 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 tech, SaaS, healthcare, eco industries. 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