← Back to Editor

#FA9CFD · #D7B8E2 · #A2C7C7 · #BDD68C · #B3D7FF

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FA9CFD

Lilac · Violet · Lilac Purple

HEX
#FA9CFD
RGB
rgb(250, 156, 253)
HSL
hsl(298, 96%, 80%)
HSB
hsb(298, 38%, 99%)
CMYK
cmyk(1%, 38%, 0%, 1%)
Oklch
oklch(82.0% 0.165 325.9)

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

#D7B8E2

Lilac · LightGray · Lilac Purple

HEX
#D7B8E2
RGB
rgb(215, 184, 226)
HSL
hsl(284, 42%, 80%)
HSB
hsb(284, 19%, 89%)
CMYK
cmyk(5%, 19%, 0%, 11%)
Oklch
oklch(82.3% 0.067 317.2)

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

#A2C7C7

Sky Blue · LightSteelBlue · Lake Green

HEX
#A2C7C7
RGB
rgb(162, 199, 199)
HSL
hsl(180, 25%, 71%)
HSB
hsb(180, 19%, 78%)
CMYK
cmyk(19%, 0%, 0%, 22%)
Oklch
oklch(80.3% 0.039 196.4)

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

#BDD68C

Willow Green · Tan · Apple Green

HEX
#BDD68C
RGB
rgb(189, 214, 140)
HSL
hsl(80, 47%, 69%)
HSB
hsb(80, 35%, 84%)
CMYK
cmyk(12%, 0%, 35%, 16%)
Oklch
oklch(84.0% 0.101 123.7)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#B3D7FF

Azure · LightBlue · Sky Blue

HEX
#B3D7FF
RGB
rgb(179, 215, 255)
HSL
hsl(212, 100%, 85%)
HSB
hsb(212, 30%, 100%)
CMYK
cmyk(30%, 16%, 0%, 0%)
Oklch
oklch(86.7% 0.068 251.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FA9CFD
9EFD9B

Analogous

C99BFD
FA9CFD
FD9BCF

Triadic

FA9CFD
FDFA9B
9BFDFA

Split-Comp.

FA9CFD
CFFD9B
9BFDC9

Tetradic

FA9CFD
FDC99B
9EFD9B
9BCFFD

Contrast Matrix WCAG 2.1 Contrast

FA9CFD
D7B8E2
A2C7C7
BDD68C
B3D7FF
—
1.1
Fail
1.0
Fail
1.2
Fail
1.3
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.2
Fail
1.0
Fail
1.0
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
White BG
1.9Fail
1.8Fail
1.8Fail
1.6Fail
1.5Fail
Black BG
11.2AAA
11.8AAA
11.5AAA
13.2AAA
14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D0E6
CAC9D8
B2B2C7
C8C89E
C3C3F5

Deuteranopia

D7DEE0
CBCED5
B0ADC7
C6C5A2
C1BEF3

Tritanopia

F5D3CF
D5D0CE
A4C7C7
BEACAF
B5EEEC

Achromatopsia

C3C3C3
C6C6C6
BCBCBC
C6C6C6
D1D1D1

Shades & Tints Shades & Tints

#FA9CFD

Dark
Light

#D7B8E2

Dark
Light

#A2C7C7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fa9cfd;
  --color-2: #d7b8e2;
  --color-3: #a2c7c7;
  --color-4: #bdd68c;
  --color-5: #b3d7ff;
}

SCSS

$color-1: #fa9cfd;
$color-2: #d7b8e2;
$color-3: #a2c7c7;
$color-4: #bdd68c;
$color-5: #b3d7ff;

TAILWIND

colors: {
  'brand-1': '#fa9cfd',
  'brand-2': '#d7b8e2',
  'brand-3': '#a2c7c7',
  'brand-4': '#bdd68c',
  'brand-5': '#b3d7ff',
}

RGB Array

[250, 156, 253], [215, 184, 226], [162, 199, 199], [189, 214, 140], [179, 215, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FA9CFD, #D7B8E2, #A2C7C7, #BDD68C, #B3D7FF 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: #fa9cfd; --color-2: #d7b8e2; --color-3: #a2c7c7; --color-4: #bdd68c; --color-5: #b3d7ff. 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