← Back to Editor

#FF7AE2 · #B1B8E6 · #5FF6EA · #AFFAD8 · #FFFEC6

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

#FF7AE2

Mauve · Violet · Lilac Purple

HEX
#FF7AE2
RGB
rgb(255, 122, 226)
HSL
hsl(313, 100%, 74%)
HSB
hsb(313, 52%, 100%)
CMYK
cmyk(0%, 52%, 11%, 0%)
Oklch
oklch(76.7% 0.200 336.4)

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

#B1B8E6

Azure · LightSteelBlue · Cobalt Blue

HEX
#B1B8E6
RGB
rgb(177, 184, 230)
HSL
hsl(232, 51%, 80%)
HSB
hsb(232, 23%, 90%)
CMYK
cmyk(23%, 20%, 0%, 10%)
Oklch
oklch(79.3% 0.066 278.0)

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

#5FF6EA

Jade · Turquoise · Lake Green

HEX
#5FF6EA
RGB
rgb(95, 246, 234)
HSL
hsl(175, 89%, 67%)
HSB
hsb(175, 61%, 96%)
CMYK
cmyk(61%, 0%, 5%, 4%)
Oklch
oklch(89.0% 0.128 187.7)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#AFFAD8

Jade · LightBlue · Mint Green

HEX
#AFFAD8
RGB
rgb(175, 250, 216)
HSL
hsl(153, 88%, 83%)
HSB
hsb(153, 30%, 98%)
CMYK
cmyk(30%, 0%, 14%, 2%)
Oklch
oklch(92.7% 0.088 164.7)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#FFFEC6

Fresh Green · Beige · Lemon Cream

HEX
#FFFEC6
RGB
rgb(255, 254, 198)
HSL
hsl(59, 100%, 89%)
HSB
hsb(59, 22%, 100%)
CMYK
cmyk(0%, 0%, 22%, 0%)
Oklch
oklch(98.4% 0.072 106.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF7AE2
7AFF97

Analogous

D97AFF
FF7AE2
FF7AA0

Triadic

FF7AE2
E2FF7A
7AE2FF

Split-Comp.

FF7AE2
A0FF7A
7AFFD9

Tetradic

FF7AE2
FFD97A
7AFF97
7AA0FF

Contrast Matrix WCAG 2.1 Contrast

FF7AE2
B1B8E6
5FF6EA
AFFAD8
FFFEC6
—
1.2
Fail
1.7
Fail
1.9
Fail
2.2
Fail
1.2
Fail
—
1.5
Fail
1.6
Fail
1.9
Fail
1.7
Fail
1.5
Fail
—
1.1
Fail
1.3
Fail
1.9
Fail
1.6
Fail
1.1
Fail
—
1.2
Fail
2.2
Fail
1.9
Fail
1.3
Fail
1.2
Fail
—
White BG
2.3Fail
1.9Fail
1.3Fail
1.2Fail
1.0Fail
Black BG
9.1AAA
10.9AAA
15.9AAA
17.5AAA
20.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C4C9
B4B4DB
A0A2ED
CFD0E0
FFFFD4

Deuteranopia

CDD7C3
B4B3D8
988CEE
CBC6E2
FFFFD7

Tritanopia

F8B5B1
B1D2D0
67EFF0
B3E7E8
FFDEE1

Achromatopsia

AEAEAE
BBBBBB
C7C7C7
E0E0E0
F8F8F8

Shades & Tints Shades & Tints

#FF7AE2

Dark
Light

#B1B8E6

Dark
Light

#5FF6EA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff7ae2;
  --color-2: #b1b8e6;
  --color-3: #5ff6ea;
  --color-4: #affad8;
  --color-5: #fffec6;
}

SCSS

$color-1: #ff7ae2;
$color-2: #b1b8e6;
$color-3: #5ff6ea;
$color-4: #affad8;
$color-5: #fffec6;

TAILWIND

colors: {
  'brand-1': '#ff7ae2',
  'brand-2': '#b1b8e6',
  'brand-3': '#5ff6ea',
  'brand-4': '#affad8',
  'brand-5': '#fffec6',
}

RGB Array

[255, 122, 226], [177, 184, 230], [95, 246, 234], [175, 250, 216], [255, 254, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF7AE2, #B1B8E6, #5FF6EA, #AFFAD8, #FFFEC6 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: #ff7ae2; --color-2: #b1b8e6; --color-3: #5ff6ea; --color-4: #affad8; --color-5: #fffec6. 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