← Back to Editor

#F8B9CE · #F6519E · #7CCAF0 · #FAFA96 · #79C4D7

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

#F8B9CE

Rouge · Pink · Cherry Blossom

HEX
#F8B9CE
RGB
rgb(248, 185, 206)
HSL
hsl(340, 82%, 85%)
HSB
hsb(340, 25%, 97%)
CMYK
cmyk(0%, 25%, 17%, 3%)
Oklch
oklch(84.9% 0.077 357.1)

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

#F6519E

Rouge · LightCoral · Rose Pink

HEX
#F6519E
RGB
rgb(246, 81, 158)
HSL
hsl(332, 90%, 64%)
HSB
hsb(332, 67%, 96%)
CMYK
cmyk(0%, 67%, 36%, 4%)
Oklch
oklch(68.2% 0.211 355.5)

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

#7CCAF0

Sky Blue · SkyBlue · Cobalt Blue

HEX
#7CCAF0
RGB
rgb(124, 202, 240)
HSL
hsl(200, 79%, 71%)
HSB
hsb(200, 48%, 94%)
CMYK
cmyk(48%, 16%, 0%, 6%)
Oklch
oklch(80.3% 0.094 230.7)

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

#FAFA96

Fresh Green · Khaki · Lemon Cream

HEX
#FAFA96
RGB
rgb(250, 250, 150)
HSL
hsl(60, 91%, 78%)
HSB
hsb(60, 40%, 98%)
CMYK
cmyk(0%, 0%, 40%, 2%)
Oklch
oklch(96.4% 0.122 108.5)

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

#79C4D7

Sky Blue · SkyBlue · Lake Green

HEX
#79C4D7
RGB
rgb(121, 196, 215)
HSL
hsl(192, 54%, 66%)
HSB
hsb(192, 44%, 84%)
CMYK
cmyk(44%, 9%, 0%, 16%)
Oklch
oklch(77.8% 0.079 215.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8B9CE
B9F8E3

Analogous

F8B9EE
F8B9CE
F8C4B9

Triadic

F8B9CE
CEF8B9
B9CEF8

Split-Comp.

F8B9CE
B9F8C4
B9EEF8

Tetradic

F8B9CE
EEF8B9
B9F8E3
C4B9F8

Contrast Matrix WCAG 2.1 Contrast

F8B9CE
F6519E
7CCAF0
FAFA96
79C4D7
—
1.9
Fail
1.1
Fail
1.5
Fail
1.2
Fail
1.9
Fail
—
1.8
Fail
2.9
Fail
1.6
Fail
1.1
Fail
1.8
Fail
—
1.7
Fail
1.1
Fail
1.5
Fail
2.9
Fail
1.7
Fail
—
1.8
Fail
1.2
Fail
1.6
Fail
1.1
Fail
1.8
Fail
—
White BG
1.6Fail
3.2AA Large
1.8Fail
1.1Fail
2.0Fail
Black BG
12.8AAA
6.6AA
11.6AAA
19.2AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDCC9
AFAD8B
9E9EE7
FAFAAE
999AD2

Deuteranopia

E0E5C8
B8C587
9993E5
FAFAB4
9590D1

Tritanopia

F5C5C4
EE7D79
80E0DE
FAC1C6
7DCFCE

Achromatopsia

CECECE
8B8B8B
B7B7B7
EFEFEF
B0B0B0

Shades & Tints Shades & Tints

#F8B9CE

Dark
Light

#F6519E

Dark
Light

#7CCAF0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8b9ce;
  --color-2: #f6519e;
  --color-3: #7ccaf0;
  --color-4: #fafa96;
  --color-5: #79c4d7;
}

SCSS

$color-1: #f8b9ce;
$color-2: #f6519e;
$color-3: #7ccaf0;
$color-4: #fafa96;
$color-5: #79c4d7;

TAILWIND

colors: {
  'brand-1': '#f8b9ce',
  'brand-2': '#f6519e',
  'brand-3': '#7ccaf0',
  'brand-4': '#fafa96',
  'brand-5': '#79c4d7',
}

RGB Array

[248, 185, 206], [246, 81, 158], [124, 202, 240], [250, 250, 150], [121, 196, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F8B9CE, #F6519E, #7CCAF0, #FAFA96, #79C4D7 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: #f8b9ce; --color-2: #f6519e; --color-3: #7ccaf0; --color-4: #fafa96; --color-5: #79c4d7. 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