← Back to Editor

#867791 · #D16D9D · #FF8C8C · #FFCAA8 · #F5F4C0

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

#867791

Dark Plum · Gray · Violet

HEX
#867791
RGB
rgb(134, 119, 145)
HSL
hsl(275, 11%, 52%)
HSB
hsb(275, 18%, 57%)
CMYK
cmyk(8%, 18%, 0%, 43%)
Oklch
oklch(59.2% 0.043 310.9)

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

#D16D9D

Rouge · LightCoral · Rose Pink

HEX
#D16D9D
RGB
rgb(209, 109, 157)
HSL
hsl(331, 52%, 62%)
HSB
hsb(331, 48%, 82%)
CMYK
cmyk(0%, 48%, 25%, 18%)
Oklch
oklch(66.4% 0.137 351.3)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FF8C8C

Peach Pink · LightCoral · Coral Red

HEX
#FF8C8C
RGB
rgb(255, 140, 140)
HSL
hsl(0, 100%, 77%)
HSB
hsb(0, 45%, 100%)
CMYK
cmyk(0%, 45%, 45%, 0%)
Oklch
oklch(76.5% 0.140 20.8)

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

#FFCAA8

Apricot · Wheat · Peach Orange

HEX
#FFCAA8
RGB
rgb(255, 202, 168)
HSL
hsl(23, 100%, 83%)
HSB
hsb(23, 34%, 100%)
CMYK
cmyk(0%, 21%, 34%, 0%)
Oklch
oklch(87.7% 0.076 54.2)

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

#F5F4C0

Fresh Green · Bisque · Lemon Cream

HEX
#F5F4C0
RGB
rgb(245, 244, 192)
HSL
hsl(59, 73%, 86%)
HSB
hsb(59, 22%, 96%)
CMYK
cmyk(0%, 0%, 22%, 4%)
Oklch
oklch(95.5% 0.067 106.7)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

867791
829277

Analogous

797792
867791
927790

Triadic

867791
928777
779287

Split-Comp.

867791
909277
779279

Tetradic

867791
927977
829277
779092

Contrast Matrix WCAG 2.1 Contrast

867791
D16D9D
FF8C8C
FFCAA8
F5F4C0
—
1.3
Fail
1.9
Fail
2.8
Fail
3.7
AA Large
1.3
Fail
—
1.5
Fail
2.2
Fail
2.9
Fail
1.9
Fail
1.5
Fail
—
1.5
Fail
2.0
Fail
2.8
Fail
2.2
Fail
1.5
Fail
—
1.3
Fail
3.7
AA Large
2.9
Fail
2.0
Fail
1.3
Fail
—
White BG
4.1AA Large
3.3AA Large
2.2Fail
1.5Fail
1.1Fail
Black BG
5.1AA
6.4AA
9.4AAA
14.3AAA
18.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

807F8B
A6A591
CDCC8C
E8E8B0
F5F5CD

Deuteranopia

808289
ACB38F
D4DD8C
EBEFB2
F5F5D0

Tritanopia

858685
CC8886
F98C8C
FCB7B8
F5D7D9

Achromatopsia

7E7E7E
909090
AEAEAE
D6D6D6
EEEEEE

Shades & Tints Shades & Tints

#867791

Dark
Light

#D16D9D

Dark
Light

#FF8C8C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #867791;
  --color-2: #d16d9d;
  --color-3: #ff8c8c;
  --color-4: #ffcaa8;
  --color-5: #f5f4c0;
}

SCSS

$color-1: #867791;
$color-2: #d16d9d;
$color-3: #ff8c8c;
$color-4: #ffcaa8;
$color-5: #f5f4c0;

TAILWIND

colors: {
  'brand-1': '#867791',
  'brand-2': '#d16d9d',
  'brand-3': '#ff8c8c',
  'brand-4': '#ffcaa8',
  'brand-5': '#f5f4c0',
}

RGB Array

[134, 119, 145], [209, 109, 157], [255, 140, 140], [255, 202, 168], [245, 244, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #867791, #D16D9D, #FF8C8C, #FFCAA8, #F5F4C0 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #867791; --color-2: #d16d9d; --color-3: #ff8c8c; --color-4: #ffcaa8; --color-5: #f5f4c0. 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 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