← Back to Editor

#FBDACB · #C988C2 · #87A186 · #FF6B70 · #F2715C

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

#FBDACB

Apricot · Bisque · Peach Orange

HEX
#FBDACB
RGB
rgb(251, 218, 203)
HSL
hsl(19, 86%, 89%)
HSB
hsb(19, 19%, 98%)
CMYK
cmyk(0%, 13%, 19%, 2%)
Oklch
oklch(91.2% 0.042 45.9)

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

#C988C2

Mauve · Orchid · Lilac Purple

HEX
#C988C2
RGB
rgb(201, 136, 194)
HSL
hsl(306, 38%, 66%)
HSB
hsb(306, 32%, 79%)
CMYK
cmyk(0%, 32%, 3%, 21%)
Oklch
oklch(71.1% 0.110 330.5)

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

#87A186

Celadon · DarkSeaGreen · Olive Green

HEX
#87A186
RGB
rgb(135, 161, 134)
HSL
hsl(118, 13%, 58%)
HSB
hsb(118, 17%, 63%)
CMYK
cmyk(16%, 0%, 17%, 37%)
Oklch
oklch(68.1% 0.049 144.0)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#FF6B70

Peach Pink · Salmon · Coral Red

HEX
#FF6B70
RGB
rgb(255, 107, 112)
HSL
hsl(358, 100%, 71%)
HSB
hsb(358, 58%, 100%)
CMYK
cmyk(0%, 58%, 56%, 0%)
Oklch
oklch(71.3% 0.181 20.9)

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

#F2715C

Peach Pink · Coral · Coral Red

HEX
#F2715C
RGB
rgb(242, 113, 92)
HSL
hsl(8, 85%, 65%)
HSB
hsb(8, 62%, 95%)
CMYK
cmyk(0%, 53%, 62%, 5%)
Oklch
oklch(69.8% 0.163 31.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBDACB
CBECFB

Analogous

FBCBD4
FBDACB
FBF2CB

Triadic

FBDACB
CBFBDA
DACBFB

Split-Comp.

FBDACB
CBFBF2
CBD4FB

Tetradic

FBDACB
D4FBCB
CBECFB
F2CBFB

Contrast Matrix WCAG 2.1 Contrast

FBDACB
C988C2
87A186
FF6B70
F2715C
—
2.1
Fail
2.1
Fail
2.1
Fail
2.2
Fail
2.1
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
2.1
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
2.1
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
2.2
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
White BG
1.3Fail
2.7Fail
2.8Fail
2.8Fail
2.9Fail
Black BG
16.0AAA
7.8AAA
7.5AAA
7.6AAA
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDECCF
ADACB4
92928D
BFBE6F
BAB961

Deuteranopia

EFF1D0
B1B6B1
918F8E
C8D36F
C2CB62

Tritanopia

F9D1D2
C6A9A6
889293
F86E6E
EC6566

Achromatopsia

E2E2E2
A2A2A2
969696
989898
959595

Shades & Tints Shades & Tints

#FBDACB

Dark
Light

#C988C2

Dark
Light

#87A186

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbdacb;
  --color-2: #c988c2;
  --color-3: #87a186;
  --color-4: #ff6b70;
  --color-5: #f2715c;
}

SCSS

$color-1: #fbdacb;
$color-2: #c988c2;
$color-3: #87a186;
$color-4: #ff6b70;
$color-5: #f2715c;

TAILWIND

colors: {
  'brand-1': '#fbdacb',
  'brand-2': '#c988c2',
  'brand-3': '#87a186',
  'brand-4': '#ff6b70',
  'brand-5': '#f2715c',
}

RGB Array

[251, 218, 203], [201, 136, 194], [135, 161, 134], [255, 107, 112], [242, 113, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBDACB, #C988C2, #87A186, #FF6B70, #F2715C 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: #fbdacb; --color-2: #c988c2; --color-3: #87a186; --color-4: #ff6b70; --color-5: #f2715c. 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