← Back to Editor

#FBB582 · #FF9380 · #F57A73 · #976250 · #B9B288

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

#FBB582

Apricot · LightSalmon · Warm Sun

HEX
#FBB582
RGB
rgb(251, 181, 130)
HSL
hsl(25, 94%, 75%)
HSB
hsb(25, 48%, 98%)
CMYK
cmyk(0%, 28%, 48%, 2%)
Oklch
oklch(82.7% 0.105 56.8)

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

#FF9380

Peach Pink · LightSalmon · Coral Red

HEX
#FF9380
RGB
rgb(255, 147, 128)
HSL
hsl(9, 100%, 75%)
HSB
hsb(9, 50%, 100%)
CMYK
cmyk(0%, 42%, 50%, 0%)
Oklch
oklch(77.3% 0.134 30.9)

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

#F57A73

Peach Pink · Salmon · Coral Red

HEX
#F57A73
RGB
rgb(245, 122, 115)
HSL
hsl(3, 87%, 71%)
HSB
hsb(3, 53%, 96%)
CMYK
cmyk(0%, 50%, 53%, 4%)
Oklch
oklch(72.0% 0.152 24.9)

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

#976250

Tangerine · Sienna · Amber Brown

HEX
#976250
RGB
rgb(151, 98, 80)
HSL
hsl(15, 31%, 45%)
HSB
hsb(15, 47%, 59%)
CMYK
cmyk(0%, 35%, 47%, 41%)
Oklch
oklch(54.9% 0.075 39.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#B9B288

Fresh Green · Tan · Sunflower

HEX
#B9B288
RGB
rgb(185, 178, 136)
HSL
hsl(51, 26%, 63%)
HSB
hsb(51, 26%, 73%)
CMYK
cmyk(0%, 4%, 26%, 27%)
Oklch
oklch(75.9% 0.058 99.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBB582
83C9FB

Analogous

FB838D
FBB582
FBF183

Triadic

FBB582
83FBB5
B583FB

Split-Comp.

FBB582
83FBF1
838DFB

Tetradic

FBB582
8DFB83
83C9FB
F183FB

Contrast Matrix WCAG 2.1 Contrast

FBB582
FF9380
F57A73
976250
B9B288
—
1.2
Fail
1.5
Fail
2.9
Fail
1.2
Fail
1.2
Fail
—
1.2
Fail
2.3
Fail
1.0
Fail
1.5
Fail
1.2
Fail
—
1.9
Fail
1.2
Fail
2.9
Fail
2.3
Fail
1.9
Fail
—
2.3
Fail
1.2
Fail
1.0
Fail
1.2
Fail
2.3
Fail
—
White BG
1.7Fail
2.2Fail
2.7Fail
5.0AA
2.1Fail
Black BG
12.0AAA
9.7AAA
7.9AAA
4.2AA Large
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDC8E
D0CF85
C0BF75
808054
B6B692

Deuteranopia

E1E691
D7DF86
C7D075
838755
B6B795

Tritanopia

F8989A
FA8889
EF7676
945859
B99A9C

Achromatopsia

C4C4C4
B1B1B1
9E9E9E
707070
AFAFAF

Shades & Tints Shades & Tints

#FBB582

Dark
Light

#FF9380

Dark
Light

#F57A73

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbb582;
  --color-2: #ff9380;
  --color-3: #f57a73;
  --color-4: #976250;
  --color-5: #b9b288;
}

SCSS

$color-1: #fbb582;
$color-2: #ff9380;
$color-3: #f57a73;
$color-4: #976250;
$color-5: #b9b288;

TAILWIND

colors: {
  'brand-1': '#fbb582',
  'brand-2': '#ff9380',
  'brand-3': '#f57a73',
  'brand-4': '#976250',
  'brand-5': '#b9b288',
}

RGB Array

[251, 181, 130], [255, 147, 128], [245, 122, 115], [151, 98, 80], [185, 178, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBB582, #FF9380, #F57A73, #976250, #B9B288 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: #fbb582; --color-2: #ff9380; --color-3: #f57a73; --color-4: #976250; --color-5: #b9b288. 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