← Back to Editor

#BBC486 · #FFF1C7 · #FCD7AC · #FFB996 · #FF9D82

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

#BBC486

Fresh Green · Tan · Sunflower

HEX
#BBC486
RGB
rgb(187, 196, 134)
HSL
hsl(69, 34%, 65%)
HSB
hsb(69, 32%, 77%)
CMYK
cmyk(5%, 0%, 32%, 23%)
Oklch
oklch(79.8% 0.083 115.0)

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

#FFF1C7

Goose Yellow · Bisque · Lemon Cream

HEX
#FFF1C7
RGB
rgb(255, 241, 199)
HSL
hsl(45, 100%, 89%)
HSB
hsb(45, 22%, 100%)
CMYK
cmyk(0%, 5%, 22%, 0%)
Oklch
oklch(95.9% 0.056 91.8)

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

#FCD7AC

Goose Yellow · Wheat · Peach Orange

HEX
#FCD7AC
RGB
rgb(252, 215, 172)
HSL
hsl(32, 93%, 83%)
HSB
hsb(32, 32%, 99%)
CMYK
cmyk(0%, 15%, 32%, 1%)
Oklch
oklch(90.0% 0.070 71.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FFB996

Apricot · BurlyWood · Peach Orange

HEX
#FFB996
RGB
rgb(255, 185, 150)
HSL
hsl(20, 100%, 79%)
HSB
hsb(20, 41%, 100%)
CMYK
cmyk(0%, 27%, 41%, 0%)
Oklch
oklch(84.3% 0.094 47.6)

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

#FF9D82

Peach Pink · LightSalmon · Coral Red

HEX
#FF9D82
RGB
rgb(255, 157, 130)
HSL
hsl(13, 100%, 75%)
HSB
hsb(13, 49%, 100%)
CMYK
cmyk(0%, 38%, 49%, 0%)
Oklch
oklch(79.0% 0.124 36.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BBC486
9187C4

Analogous

C4AF87
BBC486
9DC487

Triadic

BBC486
87BBC4
C487BB

Split-Comp.

BBC486
879DC4
AF87C4

Tetradic

BBC486
87C4AF
9187C4
C4879D

Contrast Matrix WCAG 2.1 Contrast

BBC486
FFF1C7
FCD7AC
FFB996
FF9D82
—
1.6
Fail
1.4
Fail
1.1
Fail
1.1
Fail
1.6
Fail
—
1.2
Fail
1.5
Fail
1.8
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.1
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.1
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
White BG
1.8Fail
1.1Fail
1.4Fail
1.7Fail
2.0Fail
Black BG
11.4AAA
18.7AAA
15.5AAA
12.6AAA
10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBF95
F9F9D1
ECECB6
E1E09E
D5D489

Deuteranopia

BEBE99
FAFBD4
EEF1B9
E5EAA1
DAE28A

Tritanopia

BBA1A3
FED9DB
FABFC0
FCA5A7
FA8E8F

Achromatopsia

BABABA
F0F0F0
DDDDDD
CACACA
B7B7B7

Shades & Tints Shades & Tints

#BBC486

Dark
Light

#FFF1C7

Dark
Light

#FCD7AC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bbc486;
  --color-2: #fff1c7;
  --color-3: #fcd7ac;
  --color-4: #ffb996;
  --color-5: #ff9d82;
}

SCSS

$color-1: #bbc486;
$color-2: #fff1c7;
$color-3: #fcd7ac;
$color-4: #ffb996;
$color-5: #ff9d82;

TAILWIND

colors: {
  'brand-1': '#bbc486',
  'brand-2': '#fff1c7',
  'brand-3': '#fcd7ac',
  'brand-4': '#ffb996',
  'brand-5': '#ff9d82',
}

RGB Array

[187, 196, 134], [255, 241, 199], [252, 215, 172], [255, 185, 150], [255, 157, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BBC486, #FFF1C7, #FCD7AC, #FFB996, #FF9D82 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: #bbc486; --color-2: #fff1c7; --color-3: #fcd7ac; --color-4: #ffb996; --color-5: #ff9d82. 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