← Back to Editor

#A697E8 · #D2ABEA · #FFBFEB · #FFDFDC · #FFFFCC

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#A697E8

Wisteria · LightSteelBlue · Cobalt Blue

HEX
#A697E8
RGB
rgb(166, 151, 232)
HSL
hsl(251, 64%, 75%)
HSB
hsb(251, 35%, 91%)
CMYK
cmyk(28%, 35%, 0%, 9%)
Oklch
oklch(72.1% 0.117 291.7)

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

#D2ABEA

Lilac · LightSteelBlue · Lilac Purple

HEX
#D2ABEA
RGB
rgb(210, 171, 234)
HSL
hsl(277, 60%, 79%)
HSB
hsb(277, 27%, 92%)
CMYK
cmyk(10%, 27%, 0%, 8%)
Oklch
oklch(79.7% 0.097 312.3)

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

#FFBFEB

Mauve · Pink · Lavender

HEX
#FFBFEB
RGB
rgb(255, 191, 235)
HSL
hsl(319, 100%, 87%)
HSB
hsb(319, 25%, 100%)
CMYK
cmyk(0%, 25%, 8%, 0%)
Oklch
oklch(87.6% 0.092 338.3)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#FFDFDC

Peach Pink · Linen · Cherry Blossom

HEX
#FFDFDC
RGB
rgb(255, 223, 220)
HSL
hsl(5, 100%, 93%)
HSB
hsb(5, 14%, 100%)
CMYK
cmyk(0%, 13%, 14%, 0%)
Oklch
oklch(92.9% 0.036 24.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FFFFCC

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFFCC
RGB
rgb(255, 255, 204)
HSL
hsl(60, 100%, 90%)
HSB
hsb(60, 20%, 100%)
CMYK
cmyk(0%, 0%, 20%, 0%)
Oklch
oklch(98.8% 0.065 107.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A697E8
D9E896

Analogous

96B0E8
A697E8
CE96E8

Triadic

A697E8
E8A596
96E8A5

Split-Comp.

A697E8
E8CE96
B0E896

Tetradic

A697E8
E896B0
D9E896
96E8CE

Contrast Matrix WCAG 2.1 Contrast

A697E8
D2ABEA
FFBFEB
FFDFDC
FFFFCC
—
1.3
Fail
1.7
Fail
2.1
Fail
2.5
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
1.9
Fail
1.7
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
2.1
Fail
1.6
Fail
1.2
Fail
—
1.2
Fail
2.5
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
White BG
2.6Fail
2.0Fail
1.5Fail
1.2Fail
1.0Fail
Black BG
8.2AAA
10.8AAA
13.9AAA
16.8AAA
20.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A09FD4
C1C1DB
E3E3E0
F1F1DD
FFFFD8

Deuteranopia

A0A2D0
C3C6D7
E7ECDE
F3F5DD
FFFFDB

Tritanopia

A5C5C2
D0CFCC
FCD8D6
FDDDDD
FFE2E4

Achromatopsia

A5A5A5
BEBEBE
D7D7D7
E8E8E8
F9F9F9

Shades & Tints Shades & Tints

#A697E8

Dark
Light

#D2ABEA

Dark
Light

#FFBFEB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a697e8;
  --color-2: #d2abea;
  --color-3: #ffbfeb;
  --color-4: #ffdfdc;
  --color-5: #ffffcc;
}

SCSS

$color-1: #a697e8;
$color-2: #d2abea;
$color-3: #ffbfeb;
$color-4: #ffdfdc;
$color-5: #ffffcc;

TAILWIND

colors: {
  'brand-1': '#a697e8',
  'brand-2': '#d2abea',
  'brand-3': '#ffbfeb',
  'brand-4': '#ffdfdc',
  'brand-5': '#ffffcc',
}

RGB Array

[166, 151, 232], [210, 171, 234], [255, 191, 235], [255, 223, 220], [255, 255, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A697E8, #D2ABEA, #FFBFEB, #FFDFDC, #FFFFCC 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: #a697e8; --color-2: #d2abea; --color-3: #ffbfeb; --color-4: #ffdfdc; --color-5: #ffffcc. 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 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