← Back to Editor

#C29FD1 · #B9ACCF · #BBBEC7 · #B8CAD1 · #8CB5C2

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C29FD1

Lilac · Silver · Lilac Purple

HEX
#C29FD1
RGB
rgb(194, 159, 209)
HSL
hsl(282, 35%, 72%)
HSB
hsb(282, 24%, 82%)
CMYK
cmyk(7%, 24%, 0%, 18%)
Oklch
oklch(75.1% 0.080 315.6)

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

#B9ACCF

Wisteria · Silver · Lilac Purple

HEX
#B9ACCF
RGB
rgb(185, 172, 207)
HSL
hsl(262, 27%, 74%)
HSB
hsb(262, 17%, 81%)
CMYK
cmyk(11%, 17%, 0%, 19%)
Oklch
oklch(76.7% 0.051 302.1)

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

#BBBEC7

Azure · Silver · Cobalt Blue

HEX
#BBBEC7
RGB
rgb(187, 190, 199)
HSL
hsl(225, 10%, 76%)
HSB
hsb(225, 6%, 78%)
CMYK
cmyk(6%, 5%, 0%, 22%)
Oklch
oklch(80.2% 0.013 271.3)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#B8CAD1

Sky Blue · LightSteelBlue · Glacier Blue

HEX
#B8CAD1
RGB
rgb(184, 202, 209)
HSL
hsl(197, 21%, 77%)
HSB
hsb(197, 12%, 82%)
CMYK
cmyk(12%, 3%, 0%, 18%)
Oklch
oklch(82.7% 0.022 223.1)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#8CB5C2

Sky Blue · DarkGray · Lake Green

HEX
#8CB5C2
RGB
rgb(140, 181, 194)
HSL
hsl(194, 31%, 65%)
HSB
hsb(194, 28%, 76%)
CMYK
cmyk(28%, 7%, 0%, 24%)
Oklch
oklch(74.8% 0.048 219.2)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C29FD1
AED19F

Analogous

A99FD1
C29FD1
D19FC7

Triadic

C29FD1
D1C29F
9FD1C2

Split-Comp.

C29FD1
C7D19F
9FD1A9

Tetradic

C29FD1
D1A99F
AED19F
9FC7D1

Contrast Matrix WCAG 2.1 Contrast

C29FD1
B9ACCF
BBBEC7
B8CAD1
8CB5C2
—
1.1
Fail
1.2
Fail
1.4
Fail
1.0
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.0
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
1.0
Fail
1.0
Fail
1.2
Fail
1.3
Fail
—
White BG
2.3Fail
2.1Fail
1.9Fail
1.7Fail
2.2Fail
Black BG
9.2AAA
9.9AAA
11.3AAA
12.4AAA
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B3C5
B3B3C7
BCBCC5
C0C0CF
9E9EBF

Deuteranopia

B5B7C2
B4B5C4
BCBCC4
BFBDCF
9B98BE

Tritanopia

C0BBB9
B8C0BE
BBC3C3
B9CECE
8EBCBC

Achromatopsia

AFAFAF
B4B4B4
BEBEBE
C5C5C5
AAAAAA

Shades & Tints Shades & Tints

#C29FD1

Dark
Light

#B9ACCF

Dark
Light

#BBBEC7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c29fd1;
  --color-2: #b9accf;
  --color-3: #bbbec7;
  --color-4: #b8cad1;
  --color-5: #8cb5c2;
}

SCSS

$color-1: #c29fd1;
$color-2: #b9accf;
$color-3: #bbbec7;
$color-4: #b8cad1;
$color-5: #8cb5c2;

TAILWIND

colors: {
  'brand-1': '#c29fd1',
  'brand-2': '#b9accf',
  'brand-3': '#bbbec7',
  'brand-4': '#b8cad1',
  'brand-5': '#8cb5c2',
}

RGB Array

[194, 159, 209], [185, 172, 207], [187, 190, 199], [184, 202, 209], [140, 181, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C29FD1, #B9ACCF, #BBBEC7, #B8CAD1, #8CB5C2 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: #c29fd1; --color-2: #b9accf; --color-3: #bbbec7; --color-4: #b8cad1; --color-5: #8cb5c2. 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