← Back to Editor

#FFB9B3 · #FF99B9 · #CDA7C3 · #F1FFD4 · #B2CFC6

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

#FFB9B3

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB9B3
RGB
rgb(255, 185, 179)
HSL
hsl(5, 100%, 85%)
HSB
hsb(5, 30%, 100%)
CMYK
cmyk(0%, 27%, 30%, 0%)
Oklch
oklch(84.9% 0.082 24.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FF99B9

Rouge · LightPink · Cherry Blossom

HEX
#FF99B9
RGB
rgb(255, 153, 185)
HSL
hsl(341, 100%, 80%)
HSB
hsb(341, 40%, 100%)
CMYK
cmyk(0%, 40%, 27%, 0%)
Oklch
oklch(79.7% 0.127 0.2)

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

#CDA7C3

Mauve · Silver · Lilac Purple

HEX
#CDA7C3
RGB
rgb(205, 167, 195)
HSL
hsl(316, 28%, 73%)
HSB
hsb(316, 19%, 80%)
CMYK
cmyk(0%, 19%, 5%, 20%)
Oklch
oklch(77.1% 0.058 335.6)

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

#F1FFD4

Willow Green · Beige · Mint Green

HEX
#F1FFD4
RGB
rgb(241, 255, 212)
HSL
hsl(80, 100%, 92%)
HSB
hsb(80, 17%, 100%)
CMYK
cmyk(5%, 0%, 17%, 0%)
Oklch
oklch(97.9% 0.058 122.1)

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

#B2CFC6

Jade · Silver · Lake Green

HEX
#B2CFC6
RGB
rgb(178, 207, 198)
HSL
hsl(161, 23%, 75%)
HSB
hsb(161, 14%, 81%)
CMYK
cmyk(14%, 0%, 4%, 19%)
Oklch
oklch(83.0% 0.033 174.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFB9B3
B3F9FF

Analogous

FFB3D2
FFB9B3
FFDFB3

Triadic

FFB9B3
B3FFB9
B9B3FF

Split-Comp.

FFB9B3
B3FFDF
B3D2FF

Tetradic

FFB9B3
D2FFB3
B3F9FF
DFB3FF

Contrast Matrix WCAG 2.1 Contrast

FFB9B3
FF99B9
CDA7C3
F1FFD4
B2CFC6
—
1.2
Fail
1.3
Fail
1.6
Fail
1.0
Fail
1.2
Fail
—
1.1
Fail
1.9
Fail
1.2
Fail
1.3
Fail
1.1
Fail
—
2.0
Fail
1.3
Fail
1.6
Fail
1.9
Fail
2.0
Fail
—
1.6
Fail
1.0
Fail
1.2
Fail
1.3
Fail
1.6
Fail
—
White BG
1.6Fail
2.0Fail
2.1Fail
1.1Fail
1.7Fail
Black BG
12.8AAA
10.5AAA
9.9AAA
20.0AAA
12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E0B4
D3D2B1
BDBCBC
F7F7DE
BFBFC8

Deuteranopia

E5EAB5
D9E0AF
BFC2BB
F6F5E1
BDBBC9

Tritanopia

FCB6B6
FAABAA
CBB7B6
F2E7E8
B3CACA

Achromatopsia

CDCDCD
BBBBBB
B6B6B6
F6F6F6
C5C5C5

Shades & Tints Shades & Tints

#FFB9B3

Dark
Light

#FF99B9

Dark
Light

#CDA7C3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffb9b3;
  --color-2: #ff99b9;
  --color-3: #cda7c3;
  --color-4: #f1ffd4;
  --color-5: #b2cfc6;
}

SCSS

$color-1: #ffb9b3;
$color-2: #ff99b9;
$color-3: #cda7c3;
$color-4: #f1ffd4;
$color-5: #b2cfc6;

TAILWIND

colors: {
  'brand-1': '#ffb9b3',
  'brand-2': '#ff99b9',
  'brand-3': '#cda7c3',
  'brand-4': '#f1ffd4',
  'brand-5': '#b2cfc6',
}

RGB Array

[255, 185, 179], [255, 153, 185], [205, 167, 195], [241, 255, 212], [178, 207, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFB9B3, #FF99B9, #CDA7C3, #F1FFD4, #B2CFC6 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: #ffb9b3; --color-2: #ff99b9; --color-3: #cda7c3; --color-4: #f1ffd4; --color-5: #b2cfc6. 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