#FBD9AB + #FDB096 + #CE8A87 + #A77872 + #948280 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FBD9AB

Goose Yellow · Wheat · Peach Orange

HEX

#FBD9AB

RGB

rgb(251, 217, 171)

HSL

hsl(35, 91%, 83%)

HSB

hsb(35, 32%, 98%)

CMYK

cmyk(0%, 14%, 32%, 2%)

Oklch

oklch(90.3% 0.071 75.1)

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

#FDB096

Apricot · LightSalmon · Peach Orange

HEX

#FDB096

RGB

rgb(253, 176, 150)

HSL

hsl(15, 96%, 79%)

HSB

hsb(15, 41%, 99%)

CMYK

cmyk(0%, 30%, 41%, 1%)

Oklch

oklch(82.4% 0.098 39.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#CE8A87

Peach Pink · DarkSalmon · Coral Red

HEX

#CE8A87

RGB

rgb(206, 138, 135)

HSL

hsl(3, 42%, 67%)

HSB

hsb(3, 34%, 81%)

CMYK

cmyk(0%, 33%, 34%, 19%)

Oklch

oklch(70.1% 0.084 22.2)

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

#A77872

Crimson · Gray · Passion Red

HEX

#A77872

RGB

rgb(167, 120, 114)

HSL

hsl(7, 23%, 55%)

HSB

hsb(7, 32%, 65%)

CMYK

cmyk(0%, 28%, 32%, 35%)

Oklch

oklch(61.8% 0.060 27.1)

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

#948280

Crimson · Gray · Warm Gray

HEX

#948280

RGB

rgb(148, 130, 128)

HSL

hsl(6, 9%, 54%)

HSB

hsb(6, 14%, 58%)

CMYK

cmyk(0%, 12%, 14%, 42%)

Oklch

oklch(62.2% 0.022 25.3)

Traditional「Crimson」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBD9AB

ACCDFB

Analogous

FBB3AC

FBD9AB

F5FBAC

Triadic

FBD9AB

ACFBDA

DAACFB

Split-Comp.

FBD9AB

ACF5FB

B3ACFB

Tetradic

FBD9AB

ACFBB3

ACCDFB

FBACF5

Contrast Matrix WCAG 2.1 Contrast

FBD9AB	FDB096	CE8A87	A77872	948280
—	1.3 Fail	2.1 Fail	2.8 Fail	2.7 Fail
1.3 Fail	—	1.6 Fail	2.1 Fail	2.1 Fail
2.1 Fail	1.6 Fail	—	1.4 Fail	1.3 Fail
2.8 Fail	2.1 Fail	1.4 Fail	—	1.0 Fail
2.7 Fail	2.1 Fail	1.3 Fail	1.0 Fail	—

White BG

1.3Fail

1.8Fail

2.8Fail

3.8AA Large

3.6AA Large

Black BG

15.6AAA

11.8AAA

7.6AAA

5.6AA

5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECB6

DCDB9C

B1B088

939273

8C8C80

Deuteranopia

EEF1B9

E0E69E

B5BA88

959974

8D8F81

Tritanopia

F9BFC1

F9A1A2

CB8888

A57575

938181

Achromatopsia

DEDEDE

C4C4C4

9E9E9E

858585

878787

Shades & Tints Shades & Tints

#FBD9AB

Dark

Light

#FDB096

Dark

Light

#CE8A87

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbd9ab;
  --color-2: #fdb096;
  --color-3: #ce8a87;
  --color-4: #a77872;
  --color-5: #948280;
}

SCSS

$color-1: #fbd9ab;
$color-2: #fdb096;
$color-3: #ce8a87;
$color-4: #a77872;
$color-5: #948280;

TAILWIND

colors: {
  'brand-1': '#fbd9ab',
  'brand-2': '#fdb096',
  'brand-3': '#ce8a87',
  'brand-4': '#a77872',
  'brand-5': '#948280',
}

RGB Array

[251, 217, 171], [253, 176, 150], [206, 138, 135], [167, 120, 114], [148, 130, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBD9AB, #FDB096, #CE8A87, #A77872, #948280 is ideal for: health products, baby brands, fresh-style blogs. 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: #fbd9ab; --color-2: #fdb096; --color-3: #ce8a87; --color-4: #a77872; --color-5: #948280. 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 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