← Back to Editor

#FFBE6E · #F9A068 · #EA9176 · #CE8181 · #B37E8C

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

#FFBE6E

Goose Yellow · SandyBrown · Warm Sun

HEX
#FFBE6E
RGB
rgb(255, 190, 110)
HSL
hsl(33, 100%, 72%)
HSB
hsb(33, 57%, 100%)
CMYK
cmyk(0%, 25%, 57%, 0%)
Oklch
oklch(84.5% 0.123 70.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F9A068

Apricot · SandyBrown · Warm Sun

HEX
#F9A068
RGB
rgb(249, 160, 104)
HSL
hsl(23, 92%, 69%)
HSB
hsb(23, 58%, 98%)
CMYK
cmyk(0%, 36%, 58%, 2%)
Oklch
oklch(78.4% 0.128 52.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#EA9176

Peach Pink · DarkSalmon · Coral Red

HEX
#EA9176
RGB
rgb(234, 145, 118)
HSL
hsl(14, 73%, 69%)
HSB
hsb(14, 50%, 92%)
CMYK
cmyk(0%, 38%, 50%, 8%)
Oklch
oklch(74.3% 0.115 37.6)

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

#CE8181

Peach Pink · LightCoral · Coral Red

HEX
#CE8181
RGB
rgb(206, 129, 129)
HSL
hsl(0, 44%, 66%)
HSB
hsb(0, 37%, 81%)
CMYK
cmyk(0%, 37%, 37%, 19%)
Oklch
oklch(68.4% 0.096 19.8)

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

#B37E8C

Dark Violet · Gray · Rose Pink

HEX
#B37E8C
RGB
rgb(179, 126, 140)
HSL
hsl(344, 26%, 60%)
HSB
hsb(344, 30%, 70%)
CMYK
cmyk(0%, 30%, 22%, 30%)
Oklch
oklch(65.0% 0.068 1.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFBE6E
70B0FF

Analogous

FF7770
FFBE6E
F8FF70

Triadic

FFBE6E
70FFBF
BF70FF

Split-Comp.

FFBE6E
70F8FF
7770FF

Tetradic

FFBE6E
70FF77
70B0FF
FF70F8

Contrast Matrix WCAG 2.1 Contrast

FFBE6E
F9A068
EA9176
CE8181
B37E8C
—
1.3
Fail
1.5
Fail
1.8
Fail
2.0
Fail
1.3
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.8
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
2.0
Fail
1.6
Fail
1.4
Fail
1.1
Fail
—
White BG
1.6Fail
2.0Fail
2.4Fail
3.0Fail
3.3AA Large
Black BG
12.8AAA
10.3AAA
8.8AAA
7.1AAA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E281
D2D276
C3C37D
ADAC81
9C9C89

Deuteranopia

E7EC86
D8DE79
C9CF7E
B1B781
9FA388

Tritanopia

FC9194
F58083
E68283
CA8181
B08685

Achromatopsia

C8C8C8
B4B4B4
A9A9A9
989898
8F8F8F

Shades & Tints Shades & Tints

#FFBE6E

Dark
Light

#F9A068

Dark
Light

#EA9176

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffbe6e;
  --color-2: #f9a068;
  --color-3: #ea9176;
  --color-4: #ce8181;
  --color-5: #b37e8c;
}

SCSS

$color-1: #ffbe6e;
$color-2: #f9a068;
$color-3: #ea9176;
$color-4: #ce8181;
$color-5: #b37e8c;

TAILWIND

colors: {
  'brand-1': '#ffbe6e',
  'brand-2': '#f9a068',
  'brand-3': '#ea9176',
  'brand-4': '#ce8181',
  'brand-5': '#b37e8c',
}

RGB Array

[255, 190, 110], [249, 160, 104], [234, 145, 118], [206, 129, 129], [179, 126, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFBE6E, #F9A068, #EA9176, #CE8181, #B37E8C 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: #ffbe6e; --color-2: #f9a068; --color-3: #ea9176; --color-4: #ce8181; --color-5: #b37e8c. 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