← Back to Editor

#AF8D87 · #FCDAA9 · #BBC496 · #79AB91 · #141313

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

#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

#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

#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

#79AB91

Celadon · DarkSeaGreen · Olive Green

HEX
#79AB91
RGB
rgb(121, 171, 145)
HSL
hsl(149, 23%, 57%)
HSB
hsb(149, 29%, 67%)
CMYK
cmyk(29%, 0%, 15%, 33%)
Oklch
oklch(69.8% 0.066 161.4)

Traditional「Celadon」· Paint「Olive Green」· 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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AF8D87
88A9AF

Analogous

AF8896
AF8D87
AFA288

Triadic

AF8D87
88AF8E
8E88AF

Split-Comp.

AF8D87
88AFA2
8896AF

Tetradic

AF8D87
96AF88
88A9AF
A288AF

Contrast Matrix WCAG 2.1 Contrast

AF8D87
FCDAA9
BBC496
79AB91
141313
—
2.3
Fail
1.6
Fail
1.2
Fail
6.2
AA
2.3
Fail
—
1.4
Fail
2.0
Fail
13.9
AAA
1.6
Fail
1.4
Fail
—
1.4
Fail
10.1
AAA
1.2
Fail
2.0
Fail
1.4
Fail
—
7.1
AAA
6.2
AA
13.9
AAA
10.1
AAA
7.1
AAA
—
White BG
3.0AA Large
1.3Fail
1.8Fail
2.6Fail
18.5AAA
Black BG
7.0AA
15.7AAA
11.4AAA
8.0AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A088
EDEDB5
BFBFA1
8F8F97
141413

Deuteranopia

A2A589
EFF2B8
BEBEA4
8C8899
141413

Tritanopia

AD8A8A
FABEC0
BBAAAC
7B9C9D
141313

Achromatopsia

969696
DFDFDF
BCBCBC
999999
131313

Shades & Tints Shades & Tints

#AF8D87

Dark
Light

#FCDAA9

Dark
Light

#BBC496

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

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

SCSS

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

TAILWIND

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

RGB Array

[175, 141, 135], [252, 218, 169], [187, 196, 150], [121, 171, 145], [20, 19, 19]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AF8D87, #FCDAA9, #BBC496, #79AB91, #141313 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: #af8d87; --color-2: #fcdaa9; --color-3: #bbc496; --color-4: #79ab91; --color-5: #141313. 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