← Back to Editor

#B54FC7 · #B592C1 · #B9B3B3 · #C0BDD6 · #D3E2BC

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B54FC7

Royal Purple · MediumOrchid · Violet

HEX
#B54FC7
RGB
rgb(181, 79, 199)
HSL
hsl(291, 52%, 55%)
HSB
hsb(291, 60%, 78%)
CMYK
cmyk(9%, 60%, 0%, 22%)
Oklch
oklch(60.5% 0.197 321.4)

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

#B592C1

Lilac · DarkGray · Lilac Purple

HEX
#B592C1
RGB
rgb(181, 146, 193)
HSL
hsl(285, 27%, 66%)
HSB
hsb(285, 24%, 76%)
CMYK
cmyk(6%, 24%, 0%, 24%)
Oklch
oklch(70.8% 0.078 317.4)

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

#B9B3B3

Silver Gray · Silver · Pearl Gray

HEX
#B9B3B3
RGB
rgb(185, 179, 179)
HSL
hsl(0, 4%, 71%)
HSB
hsb(0, 3%, 73%)
CMYK
cmyk(0%, 3%, 3%, 27%)
Oklch
oklch(77.2% 0.007 17.3)

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

#C0BDD6

Wisteria · LightSteelBlue · Cobalt Blue

HEX
#C0BDD6
RGB
rgb(192, 189, 214)
HSL
hsl(247, 23%, 79%)
HSB
hsb(247, 12%, 84%)
CMYK
cmyk(10%, 12%, 0%, 16%)
Oklch
oklch(80.9% 0.035 291.1)

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

#D3E2BC

Willow Green · LightGray · Mint Green

HEX
#D3E2BC
RGB
rgb(211, 226, 188)
HSL
hsl(84, 40%, 81%)
HSB
hsb(84, 17%, 89%)
CMYK
cmyk(7%, 0%, 17%, 11%)
Oklch
oklch(89.2% 0.053 125.0)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B54FC7
62C851

Analogous

7A51C8
B54FC7
C8519E

Triadic

B54FC7
C8B651
51C8B6

Split-Comp.

B54FC7
9EC851
51C87A

Tetradic

B54FC7
C87A51
62C851
519EC8

Contrast Matrix WCAG 2.1 Contrast

B54FC7
B592C1
B9B3B3
C0BDD6
D3E2BC
—
1.6
Fail
2.1
Fail
2.3
Fail
3.1
AA Large
1.6
Fail
—
1.3
Fail
1.5
Fail
2.0
Fail
2.1
Fail
1.3
Fail
—
1.1
Fail
1.5
Fail
2.3
Fail
1.5
Fail
1.1
Fail
—
1.3
Fail
3.1
AA Large
2.0
Fail
1.5
Fail
1.3
Fail
—
White BG
4.3AA Large
2.7Fail
2.1Fail
1.8Fail
1.4Fail
Black BG
4.9AA
7.8AAA
10.2AAA
11.5AAA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8988AA
A6A6B6
B6B6B3
BFBFD0
D9DAC5

Deuteranopia

8F96A3
A8ABB3
B7B7B3
BFBFCE
D9D8C7

Tritanopia

B0938E
B3ADAB
B9B3B3
C0CBCA
D4CCCE

Achromatopsia

7B7B7B
A2A2A2
B5B5B5
C1C1C1
D9D9D9

Shades & Tints Shades & Tints

#B54FC7

Dark
Light

#B592C1

Dark
Light

#B9B3B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b54fc7;
  --color-2: #b592c1;
  --color-3: #b9b3b3;
  --color-4: #c0bdd6;
  --color-5: #d3e2bc;
}

SCSS

$color-1: #b54fc7;
$color-2: #b592c1;
$color-3: #b9b3b3;
$color-4: #c0bdd6;
$color-5: #d3e2bc;

TAILWIND

colors: {
  'brand-1': '#b54fc7',
  'brand-2': '#b592c1',
  'brand-3': '#b9b3b3',
  'brand-4': '#c0bdd6',
  'brand-5': '#d3e2bc',
}

RGB Array

[181, 79, 199], [181, 146, 193], [185, 179, 179], [192, 189, 214], [211, 226, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B54FC7, #B592C1, #B9B3B3, #C0BDD6, #D3E2BC is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. 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: #b54fc7; --color-2: #b592c1; --color-3: #b9b3b3; --color-4: #c0bdd6; --color-5: #d3e2bc. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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