← Back to Editor

#FCDAA9 · #AF8D87 · #5C3E4C · #141313 · #BBC496

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FCDAA9

Goose Yellow · Wheat · Peach Orange

HEX
#FCDAA9
RGB
rgb(252, 218, 169)
HSL
hsl(35, 93%, 83%)
HSB
hsb(35, 33%, 99%)
CMYK
cmyk(0%, 13%, 33%, 1%)
Oklch
oklch(90.5% 0.074 76.6)

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

#AF8D87

Peach Pink · DarkGray · Coral Red

HEX
#AF8D87
RGB
rgb(175, 141, 135)
HSL
hsl(9, 20%, 61%)
HSB
hsb(9, 23%, 69%)
CMYK
cmyk(0%, 19%, 23%, 31%)
Oklch
oklch(67.3% 0.042 29.8)

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

#5C3E4C

Dark Violet · DarkSlateGray · Camellia

HEX
#5C3E4C
RGB
rgb(92, 62, 76)
HSL
hsl(332, 19%, 30%)
HSB
hsb(332, 33%, 36%)
CMYK
cmyk(0%, 33%, 17%, 64%)
Oklch
oklch(40.3% 0.047 349.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#141313

Ink Black · Black · Jet Black

HEX
#141313
RGB
rgb(20, 19, 19)
HSL
hsl(0, 3%, 8%)
HSB
hsb(0, 5%, 8%)
CMYK
cmyk(0%, 5%, 5%, 92%)
Oklch
oklch(18.8% 0.002 17.3)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#BBC496

Willow Green · Tan · Apple Green

HEX
#BBC496
RGB
rgb(187, 196, 150)
HSL
hsl(72, 28%, 68%)
HSB
hsb(72, 23%, 77%)
CMYK
cmyk(5%, 0%, 23%, 23%)
Oklch
oklch(80.2% 0.063 116.8)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCDAA9
ABCDFC

Analogous

FCB2AB
FCDAA9
F5FCAB

Triadic

FCDAA9
ABFCDA
DAABFC

Split-Comp.

FCDAA9
ABF5FC
B2ABFC

Tetradic

FCDAA9
ABFCB2
ABCDFC
FCABF5

Contrast Matrix WCAG 2.1 Contrast

FCDAA9
AF8D87
5C3E4C
141313
BBC496
—
2.3
Fail
7.0
AAA
13.9
AAA
1.4
Fail
2.3
Fail
—
3.1
AA Large
6.2
AA
1.6
Fail
7.0
AAA
3.1
AA Large
—
2.0
Fail
5.1
AA
13.9
AAA
6.2
AA
2.0
Fail
—
10.1
AAA
1.4
Fail
1.6
Fail
5.1
AA
10.1
AAA
—
White BG
1.3Fail
3.0AA Large
9.3AAA
18.5AAA
1.8Fail
Black BG
15.7AAA
7.0AA
2.2Fail
1.1Fail
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDB5
A0A088
4F4F49
141413
BFBFA1

Deuteranopia

EFF2B8
A2A589
515348
141413
BEBEA4

Tritanopia

FABEC0
AD8A8A
5A4645
141313
BBAAAC

Achromatopsia

DFDFDF
969696
494949
131313
BCBCBC

Shades & Tints Shades & Tints

#FCDAA9

Dark
Light

#AF8D87

Dark
Light

#5C3E4C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcdaa9;
  --color-2: #af8d87;
  --color-3: #5c3e4c;
  --color-4: #141313;
  --color-5: #bbc496;
}

SCSS

$color-1: #fcdaa9;
$color-2: #af8d87;
$color-3: #5c3e4c;
$color-4: #141313;
$color-5: #bbc496;

TAILWIND

colors: {
  'brand-1': '#fcdaa9',
  'brand-2': '#af8d87',
  'brand-3': '#5c3e4c',
  'brand-4': '#141313',
  'brand-5': '#bbc496',
}

RGB Array

[252, 218, 169], [175, 141, 135], [92, 62, 76], [20, 19, 19], [187, 196, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCDAA9, #AF8D87, #5C3E4C, #141313, #BBC496 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #fcdaa9; --color-2: #af8d87; --color-3: #5c3e4c; --color-4: #141313; --color-5: #bbc496. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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