← Back to Editor

#B8696E · #BC8368 · #B8BC7C · #FEEF9A · #FE9D97

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

#B8696E

Crimson · Gray · Passion Red

HEX
#B8696E
RGB
rgb(184, 105, 110)
HSL
hsl(356, 36%, 57%)
HSB
hsb(356, 43%, 72%)
CMYK
cmyk(0%, 43%, 40%, 28%)
Oklch
oklch(61.1% 0.101 16.4)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#BC8368

Tangerine · DarkSalmon · Warm Sun

HEX
#BC8368
RGB
rgb(188, 131, 104)
HSL
hsl(19, 39%, 57%)
HSB
hsb(19, 45%, 74%)
CMYK
cmyk(0%, 30%, 45%, 26%)
Oklch
oklch(66.1% 0.081 46.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#B8BC7C

Fresh Green · Tan · Sunflower

HEX
#B8BC7C
RGB
rgb(184, 188, 124)
HSL
hsl(64, 32%, 61%)
HSB
hsb(64, 34%, 74%)
CMYK
cmyk(2%, 0%, 34%, 26%)
Oklch
oklch(77.7% 0.085 111.2)

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

#FEEF9A

Fresh Green · Khaki · Lemon Cream

HEX
#FEEF9A
RGB
rgb(254, 239, 154)
HSL
hsl(51, 98%, 80%)
HSB
hsb(51, 39%, 100%)
CMYK
cmyk(0%, 6%, 39%, 0%)
Oklch
oklch(94.5% 0.106 99.5)

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

#FE9D97

Peach Pink · LightSalmon · Coral Red

HEX
#FE9D97
RGB
rgb(254, 157, 151)
HSL
hsl(3, 98%, 79%)
HSB
hsb(3, 41%, 100%)
CMYK
cmyk(0%, 38%, 41%, 0%)
Oklch
oklch(79.3% 0.117 23.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B8696E
6AB9B4

Analogous

B96A97
B8696E
B98C6A

Triadic

B8696E
6FB96A
6A6FB9

Split-Comp.

B8696E
6AB98C
6A97B9

Tetradic

B8696E
97B96A
6AB9B4
8C6AB9

Contrast Matrix WCAG 2.1 Contrast

B8696E
BC8368
B8BC7C
FEEF9A
FE9D97
—
1.2
Fail
2.0
Fail
3.4
AA Large
2.0
Fail
1.2
Fail
—
1.6
Fail
2.7
Fail
1.6
Fail
2.0
Fail
1.6
Fail
—
1.7
Fail
1.0
Fail
3.4
AA Large
2.7
Fail
1.7
Fail
—
1.7
Fail
2.0
Fail
1.6
Fail
1.0
Fail
1.7
Fail
—
White BG
4.0AA Large
3.2AA Large
2.0Fail
1.2Fail
2.0Fail
Black BG
5.3AA
6.6AA
10.5AAA
18.0AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

96956D
A3A36F
BABA8B
F8F7AF
D4D398

Deuteranopia

9AA06D
A7AB70
BAB98F
F8FAB4
DAE199

Tritanopia

B46C6C
B97475
B8989A
FDBFC2
F99A9A

Achromatopsia

818181
919191
B4B4B4
EAEAEA
B9B9B9

Shades & Tints Shades & Tints

#B8696E

Dark
Light

#BC8368

Dark
Light

#B8BC7C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b8696e;
  --color-2: #bc8368;
  --color-3: #b8bc7c;
  --color-4: #feef9a;
  --color-5: #fe9d97;
}

SCSS

$color-1: #b8696e;
$color-2: #bc8368;
$color-3: #b8bc7c;
$color-4: #feef9a;
$color-5: #fe9d97;

TAILWIND

colors: {
  'brand-1': '#b8696e',
  'brand-2': '#bc8368',
  'brand-3': '#b8bc7c',
  'brand-4': '#feef9a',
  'brand-5': '#fe9d97',
}

RGB Array

[184, 105, 110], [188, 131, 104], [184, 188, 124], [254, 239, 154], [254, 157, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B8696E, #BC8368, #B8BC7C, #FEEF9A, #FE9D97 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: #b8696e; --color-2: #bc8368; --color-3: #b8bc7c; --color-4: #feef9a; --color-5: #fe9d97. 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