← Back to Editor

#BDFFDD · #91D9B4 · #798A86 · #F29DC9 · #FFBDDF

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

#BDFFDD

Emerald · LightBlue · Mint Green

HEX
#BDFFDD
RGB
rgb(189, 255, 221)
HSL
hsl(149, 100%, 87%)
HSB
hsb(149, 26%, 100%)
CMYK
cmyk(26%, 0%, 13%, 0%)
Oklch
oklch(94.7% 0.081 161.9)

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

#91D9B4

Celadon · LightGreen · Apple Green

HEX
#91D9B4
RGB
rgb(145, 217, 180)
HSL
hsl(149, 49%, 71%)
HSB
hsb(149, 33%, 85%)
CMYK
cmyk(33%, 0%, 17%, 15%)
Oklch
oklch(82.8% 0.089 161.2)

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

#798A86

Ash · Gray · Warm Gray

HEX
#798A86
RGB
rgb(121, 138, 134)
HSL
hsl(166, 7%, 51%)
HSB
hsb(166, 12%, 54%)
CMYK
cmyk(12%, 0%, 3%, 46%)
Oklch
oklch(61.9% 0.021 179.9)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#F29DC9

Mauve · LightPink · Cherry Blossom

HEX
#F29DC9
RGB
rgb(242, 157, 201)
HSL
hsl(329, 77%, 78%)
HSB
hsb(329, 35%, 95%)
CMYK
cmyk(0%, 35%, 17%, 5%)
Oklch
oklch(79.3% 0.114 347.7)

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

#FFBDDF

Mauve · Pink · Cherry Blossom

HEX
#FFBDDF
RGB
rgb(255, 189, 223)
HSL
hsl(329, 100%, 87%)
HSB
hsb(329, 26%, 100%)
CMYK
cmyk(0%, 26%, 13%, 0%)
Oklch
oklch(86.8% 0.087 346.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BDFFDD
FFBDDF

Analogous

BEFFBD
BDFFDD
BDFFFE

Triadic

BDFFDD
DDBDFF
FFDDBD

Split-Comp.

BDFFDD
FEBDFF
FFBDBE

Tetradic

BDFFDD
BDBEFF
FFBDDF
FFFEBD

Contrast Matrix WCAG 2.1 Contrast

BDFFDD
91D9B4
798A86
F29DC9
FFBDDF
—
1.4
Fail
3.2
AA Large
1.8
Fail
1.4
Fail
1.4
Fail
—
2.2
Fail
1.2
Fail
1.1
Fail
3.2
AA Large
2.2
Fail
—
1.8
Fail
2.3
Fail
1.8
Fail
1.2
Fail
1.8
Fail
—
1.3
Fail
1.4
Fail
1.1
Fail
2.3
Fail
1.3
Fail
—
White BG
1.1Fail
1.6Fail
3.6AA Large
2.0Fail
1.5Fail
Black BG
18.5AAA
12.8AAA
5.8AA
10.4AAA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADAE5
B0B1BD
808187
CDCCBE
E2E2D7

Deuteranopia

D6D1E7
ACA7BF
7F7E87
D2D8BC
E6EBD5

Tritanopia

C0ECED
95C4C6
7A8888
EEB6B4
FCD0CF

Achromatopsia

E7E7E7
BFBFBF
848484
BBBBBB
D5D5D5

Shades & Tints Shades & Tints

#BDFFDD

Dark
Light

#91D9B4

Dark
Light

#798A86

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bdffdd;
  --color-2: #91d9b4;
  --color-3: #798a86;
  --color-4: #f29dc9;
  --color-5: #ffbddf;
}

SCSS

$color-1: #bdffdd;
$color-2: #91d9b4;
$color-3: #798a86;
$color-4: #f29dc9;
$color-5: #ffbddf;

TAILWIND

colors: {
  'brand-1': '#bdffdd',
  'brand-2': '#91d9b4',
  'brand-3': '#798a86',
  'brand-4': '#f29dc9',
  'brand-5': '#ffbddf',
}

RGB Array

[189, 255, 221], [145, 217, 180], [121, 138, 134], [242, 157, 201], [255, 189, 223]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BDFFDD, #91D9B4, #798A86, #F29DC9, #FFBDDF 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: #bdffdd; --color-2: #91d9b4; --color-3: #798a86; --color-4: #f29dc9; --color-5: #ffbddf. 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