#FBCD9C + #FF8679 + #BA6373 + #856165 + #7BD6B5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#FBCD9C

Goose Yellow · Wheat · Peach Orange

HEX

#FBCD9C

RGB

rgb(251, 205, 156)

HSL

hsl(31, 92%, 80%)

HSB

hsb(31, 38%, 98%)

CMYK

cmyk(0%, 18%, 38%, 2%)

Oklch

oklch(87.7% 0.082 68.2)

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

#FF8679

Peach Pink · Salmon · Coral Red

HEX

#FF8679

RGB

rgb(255, 134, 121)

HSL

hsl(6, 100%, 74%)

HSB

hsb(6, 53%, 100%)

CMYK

cmyk(0%, 47%, 53%, 0%)

Oklch

oklch(75.2% 0.149 27.5)

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

#BA6373

Crimson · LightCoral · Passion Red

HEX

#BA6373

RGB

rgb(186, 99, 115)

HSL

hsl(349, 39%, 56%)

HSB

hsb(349, 47%, 73%)

CMYK

cmyk(0%, 47%, 38%, 27%)

Oklch

oklch(60.5% 0.113 9.3)

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

#856165

Crimson · DimGray · Passion Red

HEX

#856165

RGB

rgb(133, 97, 101)

HSL

hsl(353, 16%, 45%)

HSB

hsb(353, 27%, 52%)

CMYK

cmyk(0%, 27%, 24%, 48%)

Oklch

oklch(53.1% 0.047 11.4)

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

#7BD6B5

Jade · MediumAquaMarine · Apple Green

HEX

#7BD6B5

RGB

rgb(123, 214, 181)

HSL

hsl(158, 53%, 66%)

HSB

hsb(158, 43%, 84%)

CMYK

cmyk(43%, 0%, 15%, 16%)

Oklch

oklch(81.0% 0.100 168.4)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBCD9C

9DCAFB

Analogous

FB9F9D

FBCD9C

F9FB9D

Triadic

FBCD9C

9DFBCE

CE9DFB

Split-Comp.

FBCD9C

9DF9FB

9F9DFB

Tetradic

FBCD9C

9DFB9F

9DCAFB

FB9DF9

Contrast Matrix WCAG 2.1 Contrast

FBCD9C	FF8679	BA6373	856165	7BD6B5
—	1.6 Fail	2.8 Fail	3.7 AA Large	1.2 Fail
1.6 Fail	—	1.7 Fail	2.3 Fail	1.4 Fail
2.8 Fail	1.7 Fail	—	1.3 Fail	2.4 Fail
3.7 AA Large	2.3 Fail	1.3 Fail	—	3.1 AA Large
1.2 Fail	1.4 Fail	2.4 Fail	3.1 AA Large	—

White BG

1.5Fail

2.3Fail

4.1AA Large

5.4AA

1.7Fail

Black BG

14.3AAA

8.9AAA

5.1AA

3.9AA Large

12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7A8

CBCA7C

94946F

757564

A2A3BD

Deuteranopia

EAEDAB

D2DB7D

99A06E

787A64

9D96BF

Tritanopia

F9B1B3

F97F7F

B66C6B

836363

80C3C5

Achromatopsia

D5D5D5

A9A9A9

7F7F7F

6C6C6C

B7B7B7

Shades & Tints Shades & Tints

#FBCD9C

Dark

Light

#FF8679

Dark

Light

#BA6373

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbcd9c;
  --color-2: #ff8679;
  --color-3: #ba6373;
  --color-4: #856165;
  --color-5: #7bd6b5;
}

SCSS

$color-1: #fbcd9c;
$color-2: #ff8679;
$color-3: #ba6373;
$color-4: #856165;
$color-5: #7bd6b5;

TAILWIND

colors: {
  'brand-1': '#fbcd9c',
  'brand-2': '#ff8679',
  'brand-3': '#ba6373',
  'brand-4': '#856165',
  'brand-5': '#7bd6b5',
}

RGB Array

[251, 205, 156], [255, 134, 121], [186, 99, 115], [133, 97, 101], [123, 214, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBCD9C, #FF8679, #BA6373, #856165, #7BD6B5 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fbcd9c; --color-2: #ff8679; --color-3: #ba6373; --color-4: #856165; --color-5: #7bd6b5. 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 tech, SaaS, healthcare, eco industries. 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