← Back to Editor

#BB763B · #C95958 · #B6756F · #EDCB8C · #FFBFC6

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

#BB763B

Tangerine · Chocolate · Amber Brown

HEX
#BB763B
RGB
rgb(187, 118, 59)
HSL
hsl(28, 52%, 48%)
HSB
hsb(28, 68%, 73%)
CMYK
cmyk(0%, 37%, 68%, 27%)
Oklch
oklch(62.8% 0.114 58.9)

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

#C95958

Crimson · Tomato · Passion Red

HEX
#C95958
RGB
rgb(201, 89, 88)
HSL
hsl(1, 51%, 57%)
HSB
hsb(1, 56%, 79%)
CMYK
cmyk(0%, 56%, 56%, 21%)
Oklch
oklch(60.5% 0.144 22.8)

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

#B6756F

Crimson · Gray · Passion Red

HEX
#B6756F
RGB
rgb(182, 117, 111)
HSL
hsl(5, 33%, 57%)
HSB
hsb(5, 39%, 71%)
CMYK
cmyk(0%, 36%, 39%, 29%)
Oklch
oklch(62.9% 0.083 25.4)

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

#EDCB8C

Goose Yellow · BurlyWood · Warm Sun

HEX
#EDCB8C
RGB
rgb(237, 203, 140)
HSL
hsl(39, 73%, 74%)
HSB
hsb(39, 41%, 93%)
CMYK
cmyk(0%, 14%, 41%, 7%)
Oklch
oklch(85.7% 0.089 82.4)

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

#FFBFC6

Peach Pink · Pink · Cherry Blossom

HEX
#FFBFC6
RGB
rgb(255, 191, 198)
HSL
hsl(353, 100%, 87%)
HSB
hsb(353, 25%, 100%)
CMYK
cmyk(0%, 25%, 22%, 0%)
Oklch
oklch(86.5% 0.074 11.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BB763B
3B7FBA

Analogous

BA3B3F
BB763B
BAB63B

Triadic

BB763B
3BBA76
763BBA

Split-Comp.

BB763B
3BBAB6
3B3FBA

Tetradic

BB763B
3FBA3B
3B7FBA
B63BBA

Contrast Matrix WCAG 2.1 Contrast

BB763B
C95958
B6756F
EDCB8C
FFBFC6
—
1.1
Fail
1.0
Fail
2.3
Fail
2.3
Fail
1.1
Fail
—
1.1
Fail
2.7
Fail
2.7
Fail
1.0
Fail
1.1
Fail
—
2.3
Fail
2.3
Fail
2.3
Fail
2.7
Fail
2.3
Fail
—
1.0
Fail
2.3
Fail
2.7
Fail
2.3
Fail
1.0
Fail
—
White BG
3.6AA Large
4.2AA Large
3.6AA Large
1.6Fail
1.6Fail
Black BG
5.8AA
5.1AA
5.8AA
13.5AAA
13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9D49
999758
9A9970
DEDE9B
E3E3C4

Deuteranopia

A1A64D
9FA758
9EA371
E0E39F
E7ECC4

Tritanopia

B85557
C35858
B37272
EBA7AA
FCC3C3

Achromatopsia

848484
7A7A7A
888888
CECECE
D3D3D3

Shades & Tints Shades & Tints

#BB763B

Dark
Light

#C95958

Dark
Light

#B6756F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bb763b;
  --color-2: #c95958;
  --color-3: #b6756f;
  --color-4: #edcb8c;
  --color-5: #ffbfc6;
}

SCSS

$color-1: #bb763b;
$color-2: #c95958;
$color-3: #b6756f;
$color-4: #edcb8c;
$color-5: #ffbfc6;

TAILWIND

colors: {
  'brand-1': '#bb763b',
  'brand-2': '#c95958',
  'brand-3': '#b6756f',
  'brand-4': '#edcb8c',
  'brand-5': '#ffbfc6',
}

RGB Array

[187, 118, 59], [201, 89, 88], [182, 117, 111], [237, 203, 140], [255, 191, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BB763B, #C95958, #B6756F, #EDCB8C, #FFBFC6 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #bb763b; --color-2: #c95958; --color-3: #b6756f; --color-4: #edcb8c; --color-5: #ffbfc6. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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