← Back to Editor

#B7A2FB · #9D48F9 · #C847FA · #FB9FFE · #F91AC5

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile App

Color Details Color Details

#B7A2FB

Wisteria · LightSteelBlue · Sky Blue

HEX
#B7A2FB
RGB
rgb(183, 162, 251)
HSL
hsl(254, 92%, 81%)
HSB
hsb(254, 35%, 98%)
CMYK
cmyk(27%, 35%, 0%, 2%)
Oklch
oklch(76.4% 0.127 294.0)

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

#9D48F9

Wisteria · MediumSlateBlue · Lilac Purple

HEX
#9D48F9
RGB
rgb(157, 72, 249)
HSL
hsl(269, 94%, 63%)
HSB
hsb(269, 71%, 98%)
CMYK
cmyk(37%, 71%, 0%, 2%)
Oklch
oklch(60.1% 0.248 301.0)

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

#C847FA

Lilac · MediumOrchid · Lilac Purple

HEX
#C847FA
RGB
rgb(200, 71, 250)
HSL
hsl(283, 95%, 63%)
HSB
hsb(283, 72%, 98%)
CMYK
cmyk(20%, 72%, 0%, 2%)
Oklch
oklch(65.2% 0.261 314.6)

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

#FB9FFE

Lilac · Violet · Lavender

HEX
#FB9FFE
RGB
rgb(251, 159, 254)
HSL
hsl(298, 98%, 81%)
HSB
hsb(298, 37%, 100%)
CMYK
cmyk(1%, 37%, 0%, 0%)
Oklch
oklch(82.6% 0.161 325.8)

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

#F91AC5

Rose Purple · DeepPink · Violet

HEX
#F91AC5
RGB
rgb(249, 26, 197)
HSL
hsl(314, 95%, 54%)
HSB
hsb(314, 90%, 98%)
CMYK
cmyk(0%, 90%, 21%, 2%)
Oklch
oklch(66.7% 0.279 341.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B7A2FB
E6FBA2

Analogous

A2BAFB
B7A2FB
E3A2FB

Triadic

B7A2FB
FBB7A2
A2FBB7

Split-Comp.

B7A2FB
FBE3A2
BAFBA2

Tetradic

B7A2FB
FBA2BA
E6FBA2
A2FBE3

Contrast Matrix WCAG 2.1 Contrast

B7A2FB
9D48F9
C847FA
FB9FFE
F91AC5
—
2.0
Fail
1.7
Fail
1.2
Fail
1.6
Fail
2.0
Fail
—
1.2
Fail
2.4
Fail
1.3
Fail
1.7
Fail
1.2
Fail
—
2.0
Fail
1.0
Fail
1.2
Fail
2.4
Fail
2.0
Fail
—
1.9
Fail
1.6
Fail
1.3
Fail
1.0
Fail
1.9
Fail
—
White BG
2.2Fail
4.4AA Large
3.7AA Large
1.8Fail
3.5AA Large
Black BG
9.6AAA
4.7AA
5.7AA
11.5AAA
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAEE5
7877CE
908FCF
D3D2E7
98969C

Deuteranopia

AFB1E0
7D84C4
98A1C4
D9DFE1
A5B692

Tritanopia

B6D4D1
99ACA5
C2ACA5
F6D5D1
EE7B74

Achromatopsia

B2B2B2
767676
828282
C5C5C5
707070

Shades & Tints Shades & Tints

#B7A2FB

Dark
Light

#9D48F9

Dark
Light

#C847FA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b7a2fb;
  --color-2: #9d48f9;
  --color-3: #c847fa;
  --color-4: #fb9ffe;
  --color-5: #f91ac5;
}

SCSS

$color-1: #b7a2fb;
$color-2: #9d48f9;
$color-3: #c847fa;
$color-4: #fb9ffe;
$color-5: #f91ac5;

TAILWIND

colors: {
  'brand-1': '#b7a2fb',
  'brand-2': '#9d48f9',
  'brand-3': '#c847fa',
  'brand-4': '#fb9ffe',
  'brand-5': '#f91ac5',
}

RGB Array

[183, 162, 251], [157, 72, 249], [200, 71, 250], [251, 159, 254], [249, 26, 197]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #B7A2FB, #9D48F9, #C847FA, #FB9FFE, #F91AC5 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #b7a2fb; --color-2: #9d48f9; --color-3: #c847fa; --color-4: #fb9ffe; --color-5: #f91ac5. 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 nature-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