← Back to Editor

#8EE3E4 · #7AC1FF · #C49EF0 · #F09ECA · #FFB879

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

#8EE3E4

Sky Blue · SkyBlue · Lake Green

HEX
#8EE3E4
RGB
rgb(142, 227, 228)
HSL
hsl(181, 61%, 73%)
HSB
hsb(181, 38%, 89%)
CMYK
cmyk(38%, 0%, 0%, 11%)
Oklch
oklch(86.2% 0.082 196.7)

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

#7AC1FF

Sky Blue · LightSkyBlue · Cobalt Blue

HEX
#7AC1FF
RGB
rgb(122, 193, 255)
HSL
hsl(208, 100%, 74%)
HSB
hsb(208, 52%, 100%)
CMYK
cmyk(52%, 24%, 0%, 0%)
Oklch
oklch(78.8% 0.114 246.2)

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

#C49EF0

Wisteria · LightSteelBlue · Lilac Purple

HEX
#C49EF0
RGB
rgb(196, 158, 240)
HSL
hsl(268, 73%, 78%)
HSB
hsb(268, 34%, 94%)
CMYK
cmyk(18%, 34%, 0%, 6%)
Oklch
oklch(76.3% 0.121 305.0)

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

#F09ECA

Mauve · LightPink · Cherry Blossom

HEX
#F09ECA
RGB
rgb(240, 158, 202)
HSL
hsl(328, 73%, 78%)
HSB
hsb(328, 34%, 94%)
CMYK
cmyk(0%, 34%, 16%, 6%)
Oklch
oklch(79.3% 0.111 346.5)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#FFB879

Apricot · LightSalmon · Warm Sun

HEX
#FFB879
RGB
rgb(255, 184, 121)
HSL
hsl(28, 100%, 74%)
HSB
hsb(28, 53%, 100%)
CMYK
cmyk(0%, 28%, 53%, 0%)
Oklch
oklch(83.6% 0.115 61.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8EE3E4
E49290

Analogous

90E4BC
8EE3E4
90B9E4

Triadic

8EE3E4
E490E3
E3E490

Split-Comp.

8EE3E4
E490B9
E4BC90

Tetradic

8EE3E4
BC90E4
E49290
B9E490

Contrast Matrix WCAG 2.1 Contrast

8EE3E4
7AC1FF
C49EF0
F09ECA
FFB879
—
1.3
Fail
1.5
Fail
1.4
Fail
1.2
Fail
1.3
Fail
—
1.1
Fail
1.0
Fail
1.1
Fail
1.5
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.4
Fail
1.0
Fail
1.1
Fail
—
1.2
Fail
1.2
Fail
1.1
Fail
1.3
Fail
1.2
Fail
—
White BG
1.5Fail
1.9Fail
2.2Fail
2.0Fail
1.7Fail
Black BG
14.3AAA
10.9AAA
9.5AAA
10.4AAA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B4E4
9999F0
B4B3DC
CCCCBF
E0E088

Deuteranopia

AEA8E4
958FEC
B6B9D7
D1D7BD
E4EA8C

Tritanopia

92E4E4
7EE4E2
C2CCC9
ECB7B5
FB9497

Achromatopsia

CACACA
B3B3B3
B3B3B3
BCBCBC
C6C6C6

Shades & Tints Shades & Tints

#8EE3E4

Dark
Light

#7AC1FF

Dark
Light

#C49EF0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8ee3e4;
  --color-2: #7ac1ff;
  --color-3: #c49ef0;
  --color-4: #f09eca;
  --color-5: #ffb879;
}

SCSS

$color-1: #8ee3e4;
$color-2: #7ac1ff;
$color-3: #c49ef0;
$color-4: #f09eca;
$color-5: #ffb879;

TAILWIND

colors: {
  'brand-1': '#8ee3e4',
  'brand-2': '#7ac1ff',
  'brand-3': '#c49ef0',
  'brand-4': '#f09eca',
  'brand-5': '#ffb879',
}

RGB Array

[142, 227, 228], [122, 193, 255], [196, 158, 240], [240, 158, 202], [255, 184, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8EE3E4, #7AC1FF, #C49EF0, #F09ECA, #FFB879 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: #8ee3e4; --color-2: #7ac1ff; --color-3: #c49ef0; --color-4: #f09eca; --color-5: #ffb879. 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