← Back to Editor

#B095C7 · #FFFBF2 · #D4A9D1 · #A06AA6 · #F2D5F5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#B095C7

Lilac · DarkGray · Lilac Purple

HEX
#B095C7
RGB
rgb(176, 149, 199)
HSL
hsl(272, 31%, 68%)
HSB
hsb(272, 25%, 78%)
CMYK
cmyk(12%, 25%, 0%, 22%)
Oklch
oklch(71.1% 0.077 309.0)

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

#FFFBF2

Goose Yellow · SeaShell · Lemon Cream

HEX
#FFFBF2
RGB
rgb(255, 251, 242)
HSL
hsl(42, 100%, 97%)
HSB
hsb(42, 5%, 100%)
CMYK
cmyk(0%, 2%, 5%, 0%)
Oklch
oklch(98.9% 0.013 86.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#D4A9D1

Mauve · Silver · Lilac Purple

HEX
#D4A9D1
RGB
rgb(212, 169, 209)
HSL
hsl(304, 33%, 75%)
HSB
hsb(304, 20%, 83%)
CMYK
cmyk(0%, 20%, 1%, 17%)
Oklch
oklch(78.6% 0.073 328.5)

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

#A06AA6

Dark Plum · LightSlateGray · Violet

HEX
#A06AA6
RGB
rgb(160, 106, 166)
HSL
hsl(294, 25%, 53%)
HSB
hsb(294, 36%, 65%)
CMYK
cmyk(4%, 36%, 0%, 35%)
Oklch
oklch(60.3% 0.108 323.3)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#F2D5F5

Lilac · Lavender · Lavender

HEX
#F2D5F5
RGB
rgb(242, 213, 245)
HSL
hsl(294, 62%, 90%)
HSB
hsb(294, 13%, 96%)
CMYK
cmyk(1%, 13%, 0%, 4%)
Oklch
oklch(90.7% 0.053 323.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B095C7
ACC794

Analogous

9694C7
B095C7
C794C5

Triadic

B095C7
C7AF94
94C7AF

Split-Comp.

B095C7
C5C794
94C796

Tetradic

B095C7
C79694
ACC794
94C5C7

Contrast Matrix WCAG 2.1 Contrast

B095C7
FFFBF2
D4A9D1
A06AA6
F2D5F5
—
2.6
Fail
1.3
Fail
1.6
Fail
2.0
Fail
2.6
Fail
—
2.0
Fail
4.0
AA Large
1.3
Fail
1.3
Fail
2.0
Fail
—
2.0
Fail
1.5
Fail
1.6
Fail
4.0
AA Large
2.0
Fail
—
3.1
AA Large
2.0
Fail
1.3
Fail
1.5
Fail
3.1
AA Large
—
White BG
2.6Fail
1.0Fail
2.0Fail
4.1AA Large
1.3Fail
Black BG
8.0AAA
20.3AAA
10.4AAA
5.1AA
15.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A4BB
FDFDF4
C1C1C7
898897
E5E5ED

Deuteranopia

A6A8B8
FEFEF5
C4C7C5
8C9094
E7E9EB

Tritanopia

AFB1AF
FFF6F6
D2C0BE
9D8C8A
F1E7E6

Achromatopsia

A3A3A3
FBFBFB
BABABA
818181
E1E1E1

Shades & Tints Shades & Tints

#B095C7

Dark
Light

#FFFBF2

Dark
Light

#D4A9D1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b095c7;
  --color-2: #fffbf2;
  --color-3: #d4a9d1;
  --color-4: #a06aa6;
  --color-5: #f2d5f5;
}

SCSS

$color-1: #b095c7;
$color-2: #fffbf2;
$color-3: #d4a9d1;
$color-4: #a06aa6;
$color-5: #f2d5f5;

TAILWIND

colors: {
  'brand-1': '#b095c7',
  'brand-2': '#fffbf2',
  'brand-3': '#d4a9d1',
  'brand-4': '#a06aa6',
  'brand-5': '#f2d5f5',
}

RGB Array

[176, 149, 199], [255, 251, 242], [212, 169, 209], [160, 106, 166], [242, 213, 245]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B095C7, #FFFBF2, #D4A9D1, #A06AA6, #F2D5F5 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #b095c7; --color-2: #fffbf2; --color-3: #d4a9d1; --color-4: #a06aa6; --color-5: #f2d5f5. 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. 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 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