← Back to Editor

#F9B6C7 · #FAC7B6 · #FAE9B6 · #D8E6B1 · #99BAA2

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F9B6C7

Peach Pink · LightPink · Cherry Blossom

HEX
#F9B6C7
RGB
rgb(249, 182, 199)
HSL
hsl(345, 85%, 85%)
HSB
hsb(345, 27%, 98%)
CMYK
cmyk(0%, 27%, 20%, 2%)
Oklch
oklch(84.3% 0.080 2.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FAC7B6

Apricot · LightPink · Peach Orange

HEX
#FAC7B6
RGB
rgb(250, 199, 182)
HSL
hsl(15, 87%, 85%)
HSB
hsb(15, 27%, 98%)
CMYK
cmyk(0%, 20%, 27%, 2%)
Oklch
oklch(87.0% 0.063 39.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FAE9B6

Goose Yellow · Wheat · Lemon Cream

HEX
#FAE9B6
RGB
rgb(250, 233, 182)
HSL
hsl(45, 87%, 85%)
HSB
hsb(45, 27%, 98%)
CMYK
cmyk(0%, 7%, 27%, 2%)
Oklch
oklch(93.5% 0.068 91.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#D8E6B1

Willow Green · Wheat · Apple Green

HEX
#D8E6B1
RGB
rgb(216, 230, 177)
HSL
hsl(76, 51%, 80%)
HSB
hsb(76, 23%, 90%)
CMYK
cmyk(6%, 0%, 23%, 10%)
Oklch
oklch(90.1% 0.071 119.9)

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

#99BAA2

Celadon · DarkSeaGreen · Apple Green

HEX
#99BAA2
RGB
rgb(153, 186, 162)
HSL
hsl(136, 19%, 66%)
HSB
hsb(136, 18%, 73%)
CMYK
cmyk(18%, 0%, 13%, 27%)
Oklch
oklch(75.8% 0.049 153.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9B6C7
B8F9E9

Analogous

F9B8E9
F9B6C7
F9C8B8

Triadic

F9B6C7
C8F9B8
B8C8F9

Split-Comp.

F9B6C7
B8F9C8
B8E9F9

Tetradic

F9B6C7
E9F9B8
B8F9E9
C8B8F9

Contrast Matrix WCAG 2.1 Contrast

F9B6C7
FAC7B6
FAE9B6
D8E6B1
99BAA2
—
1.1
Fail
1.4
Fail
1.3
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
1.1
Fail
1.4
Fail
1.4
Fail
1.3
Fail
—
1.1
Fail
1.8
Fail
1.3
Fail
1.1
Fail
1.1
Fail
—
1.6
Fail
1.3
Fail
1.4
Fail
1.8
Fail
1.6
Fail
—
White BG
1.7Fail
1.5Fail
1.2Fail
1.3Fail
2.1Fail
Black BG
12.5AAA
13.9AAA
17.4AAA
15.9AAA
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDBC3
E4E3BA
F3F2C2
DEDEBE
A7A8A8

Deuteranopia

E0E5C2
E7EBBB
F4F5C5
DDDCC1
A5A3A9

Tritanopia

F6C0BF
F7BDBE
F9CCCE
D9C8CA
9BACAD

Achromatopsia

CCCCCC
D4D4D4
E8E8E8
DCDCDC
ADADAD

Shades & Tints Shades & Tints

#F9B6C7

Dark
Light

#FAC7B6

Dark
Light

#FAE9B6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9b6c7;
  --color-2: #fac7b6;
  --color-3: #fae9b6;
  --color-4: #d8e6b1;
  --color-5: #99baa2;
}

SCSS

$color-1: #f9b6c7;
$color-2: #fac7b6;
$color-3: #fae9b6;
$color-4: #d8e6b1;
$color-5: #99baa2;

TAILWIND

colors: {
  'brand-1': '#f9b6c7',
  'brand-2': '#fac7b6',
  'brand-3': '#fae9b6',
  'brand-4': '#d8e6b1',
  'brand-5': '#99baa2',
}

RGB Array

[249, 182, 199], [250, 199, 182], [250, 233, 182], [216, 230, 177], [153, 186, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9B6C7, #FAC7B6, #FAE9B6, #D8E6B1, #99BAA2 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: #f9b6c7; --color-2: #fac7b6; --color-3: #fae9b6; --color-4: #d8e6b1; --color-5: #99baa2. 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