#BC92F0 + #C5AFE0 + #DBC2FF + #CEBFE0 + #CEBFE0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BC92F0

Wisteria · Orchid · Lilac Purple

HEX

#BC92F0

RGB

rgb(188, 146, 240)

HSL

hsl(267, 76%, 76%)

HSB

hsb(267, 39%, 94%)

CMYK

cmyk(22%, 39%, 0%, 6%)

Oklch

oklch(73.5% 0.139 303.8)

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

#C5AFE0

Wisteria · LightSteelBlue · Lilac Purple

HEX

#C5AFE0

RGB

rgb(197, 175, 224)

HSL

hsl(267, 44%, 78%)

HSB

hsb(267, 22%, 88%)

CMYK

cmyk(12%, 22%, 0%, 12%)

Oklch

oklch(78.9% 0.072 305.2)

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

#DBC2FF

Wisteria · Lavender · Lavender

HEX

#DBC2FF

RGB

rgb(219, 194, 255)

HSL

hsl(265, 100%, 88%)

HSB

hsb(265, 24%, 100%)

CMYK

cmyk(14%, 24%, 0%, 0%)

Oklch

oklch(85.5% 0.087 303.3)

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

#CEBFE0

Wisteria · LightGray · Lavender

HEX

#CEBFE0

RGB

rgb(206, 191, 224)

HSL

hsl(267, 35%, 81%)

HSB

hsb(267, 15%, 88%)

CMYK

cmyk(8%, 15%, 0%, 12%)

Oklch

oklch(82.7% 0.048 305.9)

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

#CEBFE0

Wisteria · LightGray · Lavender

HEX

#CEBFE0

RGB

rgb(206, 191, 224)

HSL

hsl(267, 35%, 81%)

HSB

hsb(267, 15%, 88%)

CMYK

cmyk(8%, 15%, 0%, 12%)

Oklch

oklch(82.7% 0.048 305.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BC92F0

C6F093

Analogous

9398F0

BC92F0

EC93F0

Triadic

BC92F0

F0BD93

93F0BD

Split-Comp.

BC92F0

F0EC93

98F093

Tetradic

BC92F0

F09398

C6F093

93F0EC

Contrast Matrix WCAG 2.1 Contrast

BC92F0	C5AFE0	DBC2FF	CEBFE0	CEBFE0
—	1.2 Fail	1.5 Fail	1.4 Fail	1.4 Fail
1.2 Fail	—	1.2 Fail	1.1 Fail	1.1 Fail
1.5 Fail	1.2 Fail	—	1.1 Fail	1.1 Fail
1.4 Fail	1.1 Fail	1.1 Fail	—	—
1.4 Fail	1.1 Fail	1.1 Fail	—	—

White BG

2.5Fail

2.0Fail

1.6Fail

1.7Fail

Black BG

8.5AAA

10.6AAA

13.2AAA

12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAA9D9

BBBBD4

D0D0F0

C8C7D8

Deuteranopia

ACAFD4

BDBED1

D2D3ED

C8CAD6

Tritanopia

BAC7C3

C4CBC9

DAE5E2

CDD2D0

Achromatopsia

A9A9A9

BBBBBB

D0D0D0

C7C7C7

Shades & Tints Shades & Tints

#BC92F0

Dark

Light

#C5AFE0

Dark

Light

#DBC2FF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bc92f0;
  --color-2: #c5afe0;
  --color-3: #dbc2ff;
  --color-4: #cebfe0;
  --color-5: #cebfe0;
}

SCSS

$color-1: #bc92f0;
$color-2: #c5afe0;
$color-3: #dbc2ff;
$color-4: #cebfe0;
$color-5: #cebfe0;

TAILWIND

colors: {
  'brand-1': '#bc92f0',
  'brand-2': '#c5afe0',
  'brand-3': '#dbc2ff',
  'brand-4': '#cebfe0',
  'brand-5': '#cebfe0',
}

RGB Array

[188, 146, 240], [197, 175, 224], [219, 194, 255], [206, 191, 224], [206, 191, 224]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BC92F0, #C5AFE0, #DBC2FF, #CEBFE0, #CEBFE0 is ideal for: health products, baby brands, fresh-style blogs. 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: #bc92f0; --color-2: #c5afe0; --color-3: #dbc2ff; --color-4: #cebfe0; --color-5: #cebfe0. 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 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