← Back to Editor

#A6FEFB · #E09CDE · #FF62BB · #E63066 · #47B1DE

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

#A6FEFB

Jade · LightBlue · Glacier Blue

HEX
#A6FEFB
RGB
rgb(166, 254, 251)
HSL
hsl(178, 98%, 82%)
HSB
hsb(178, 35%, 100%)
CMYK
cmyk(35%, 0%, 1%, 0%)
Oklch
oklch(94.1% 0.085 193.1)

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

#E09CDE

Mauve · Violet · Lilac Purple

HEX
#E09CDE
RGB
rgb(224, 156, 222)
HSL
hsl(302, 52%, 75%)
HSB
hsb(302, 30%, 88%)
CMYK
cmyk(0%, 30%, 1%, 12%)
Oklch
oklch(78.0% 0.118 327.6)

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

#FF62BB

Mauve · Orchid · Rose Pink

HEX
#FF62BB
RGB
rgb(255, 98, 187)
HSL
hsl(326, 100%, 69%)
HSB
hsb(326, 62%, 100%)
CMYK
cmyk(0%, 62%, 27%, 0%)
Oklch
oklch(72.3% 0.210 348.6)

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

#E63066

Dark Violet · Crimson · Rose Pink

HEX
#E63066
RGB
rgb(230, 48, 102)
HSL
hsl(342, 78%, 55%)
HSB
hsb(342, 79%, 90%)
CMYK
cmyk(0%, 79%, 56%, 10%)
Oklch
oklch(61.2% 0.216 9.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#47B1DE

Lake Blue · MediumTurquoise · Lake Green

HEX
#47B1DE
RGB
rgb(71, 177, 222)
HSL
hsl(198, 70%, 57%)
HSB
hsb(198, 68%, 87%)
CMYK
cmyk(68%, 20%, 0%, 13%)
Oklch
oklch(71.8% 0.116 229.7)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6FEFB
FEA4A7

Analogous

A4FECE
A6FEFB
A4D4FE

Triadic

A6FEFB
FBA4FE
FEFBA4

Split-Comp.

A6FEFB
FEA4D4
FECEA4

Tetradic

A6FEFB
CEA4FE
FEA4A7
D4FEA4

Contrast Matrix WCAG 2.1 Contrast

A6FEFB
E09CDE
FF62BB
E63066
47B1DE
—
1.8
Fail
2.4
Fail
3.7
AA Large
2.1
Fail
1.8
Fail
—
1.3
Fail
2.0
Fail
1.2
Fail
2.4
Fail
1.3
Fail
—
1.5
Fail
1.1
Fail
3.7
AA Large
2.0
Fail
1.5
Fail
—
1.7
Fail
2.1
Fail
1.2
Fail
1.1
Fail
1.7
Fail
—
White BG
1.2Fail
2.1Fail
2.7Fail
4.2AA Large
2.4Fail
Black BG
18.2AAA
10.0AAA
7.7AAA
5.0AA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCDFC
C3C2CE
BBBAA5
979659
7576D3

Deuteranopia

C7C0FC
C7CCCA
C4D0A0
A2AF56
6F67D0

Tritanopia

AAFCFC
DDC1BF
F79491
DD4F4C
4CCBC9

Achromatopsia

E3E3E3
B8B8B8
9B9B9B
6D6D6D
969696

Shades & Tints Shades & Tints

#A6FEFB

Dark
Light

#E09CDE

Dark
Light

#FF62BB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6fefb;
  --color-2: #e09cde;
  --color-3: #ff62bb;
  --color-4: #e63066;
  --color-5: #47b1de;
}

SCSS

$color-1: #a6fefb;
$color-2: #e09cde;
$color-3: #ff62bb;
$color-4: #e63066;
$color-5: #47b1de;

TAILWIND

colors: {
  'brand-1': '#a6fefb',
  'brand-2': '#e09cde',
  'brand-3': '#ff62bb',
  'brand-4': '#e63066',
  'brand-5': '#47b1de',
}

RGB Array

[166, 254, 251], [224, 156, 222], [255, 98, 187], [230, 48, 102], [71, 177, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A6FEFB, #E09CDE, #FF62BB, #E63066, #47B1DE 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: #a6fefb; --color-2: #e09cde; --color-3: #ff62bb; --color-4: #e63066; --color-5: #47b1de. 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