← Back to Editor

#BF4995 · #E88490 · #F8C59A · #FFF8D5 · #B6D8C0

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

#BF4995

Rose Purple · MediumVioletRed · Rose Pink

HEX
#BF4995
RGB
rgb(191, 73, 149)
HSL
hsl(321, 48%, 52%)
HSB
hsb(321, 62%, 75%)
CMYK
cmyk(0%, 62%, 22%, 25%)
Oklch
oklch(58.7% 0.173 344.2)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#E88490

Peach Pink · LightCoral · Coral Red

HEX
#E88490
RGB
rgb(232, 132, 144)
HSL
hsl(353, 68%, 71%)
HSB
hsb(353, 43%, 91%)
CMYK
cmyk(0%, 43%, 38%, 9%)
Oklch
oklch(72.4% 0.123 12.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F8C59A

Apricot · BurlyWood · Peach Orange

HEX
#F8C59A
RGB
rgb(248, 197, 154)
HSL
hsl(27, 87%, 79%)
HSB
hsb(27, 38%, 97%)
CMYK
cmyk(0%, 21%, 38%, 3%)
Oklch
oklch(85.8% 0.081 61.6)

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

#FFF8D5

Fresh Green · Beige · Lemon Cream

HEX
#FFF8D5
RGB
rgb(255, 248, 213)
HSL
hsl(50, 100%, 92%)
HSB
hsb(50, 16%, 100%)
CMYK
cmyk(0%, 3%, 16%, 0%)
Oklch
oklch(97.6% 0.046 97.8)

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

#B6D8C0

Celadon · Silver · Apple Green

HEX
#B6D8C0
RGB
rgb(182, 216, 192)
HSL
hsl(138, 30%, 78%)
HSB
hsb(138, 16%, 85%)
CMYK
cmyk(16%, 0%, 11%, 15%)
Oklch
oklch(85.1% 0.049 154.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BF4995
4ABF73

Analogous

AE4ABF
BF4995
BF4A5B

Triadic

BF4995
96BF4A
4A96BF

Split-Comp.

BF4995
5BBF4A
4ABFAE

Tetradic

BF4995
BFAE4A
4ABF73
4A5BBF

Contrast Matrix WCAG 2.1 Contrast

BF4995
E88490
F8C59A
FFF8D5
B6D8C0
—
1.8
Fail
2.9
Fail
4.3
AA Large
2.9
Fail
1.8
Fail
—
1.7
Fail
2.4
Fail
1.7
Fail
2.9
Fail
1.7
Fail
—
1.5
Fail
1.0
Fail
4.3
AA Large
2.4
Fail
1.5
Fail
—
1.4
Fail
2.9
Fail
1.7
Fail
1.0
Fail
1.4
Fail
—
White BG
4.6AA
2.6Fail
1.6Fail
1.1Fail
1.5Fail
Black BG
4.6AA
8.1AAA
13.4AAA
19.6AAA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8B83
BDBC8D
E2E1A4
FCFCDD
C5C5C6

Deuteranopia

939C7E
C3CA8C
E5E9A7
FCFDE0
C3C0C7

Tritanopia

B97471
E38B8A
F5ADAE
FFE4E6
B8CACB

Achromatopsia

757575
A3A3A3
CFCFCF
F6F6F6
CBCBCB

Shades & Tints Shades & Tints

#BF4995

Dark
Light

#E88490

Dark
Light

#F8C59A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bf4995;
  --color-2: #e88490;
  --color-3: #f8c59a;
  --color-4: #fff8d5;
  --color-5: #b6d8c0;
}

SCSS

$color-1: #bf4995;
$color-2: #e88490;
$color-3: #f8c59a;
$color-4: #fff8d5;
$color-5: #b6d8c0;

TAILWIND

colors: {
  'brand-1': '#bf4995',
  'brand-2': '#e88490',
  'brand-3': '#f8c59a',
  'brand-4': '#fff8d5',
  'brand-5': '#b6d8c0',
}

RGB Array

[191, 73, 149], [232, 132, 144], [248, 197, 154], [255, 248, 213], [182, 216, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BF4995, #E88490, #F8C59A, #FFF8D5, #B6D8C0 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: #bf4995; --color-2: #e88490; --color-3: #f8c59a; --color-4: #fff8d5; --color-5: #b6d8c0. 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