← Back to Editor

#B16774 · #8D5860 · #CFA7A8 · #E3C5BB · #876975

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 Library

Color Details Color Details

#B16774

Crimson · Gray · Passion Red

HEX
#B16774
RGB
rgb(177, 103, 116)
HSL
hsl(349, 32%, 55%)
HSB
hsb(349, 42%, 69%)
CMYK
cmyk(0%, 42%, 34%, 31%)
Oklch
oklch(60.0% 0.096 9.1)

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

#8D5860

Crimson · DimGray · Passion Red

HEX
#8D5860
RGB
rgb(141, 88, 96)
HSL
hsl(351, 23%, 45%)
HSB
hsb(351, 38%, 55%)
CMYK
cmyk(0%, 38%, 32%, 45%)
Oklch
oklch(52.2% 0.071 10.0)

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

#CFA7A8

Peach Pink · Tan · Coral Red

HEX
#CFA7A8
RGB
rgb(207, 167, 168)
HSL
hsl(358, 29%, 73%)
HSB
hsb(358, 19%, 81%)
CMYK
cmyk(0%, 19%, 19%, 19%)
Oklch
oklch(76.5% 0.047 16.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E3C5BB

Apricot · Wheat · Peach Orange

HEX
#E3C5BB
RGB
rgb(227, 197, 187)
HSL
hsl(15, 42%, 81%)
HSB
hsb(15, 18%, 89%)
CMYK
cmyk(0%, 13%, 18%, 11%)
Oklch
oklch(84.6% 0.037 39.3)

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

#876975

Dark Violet · Gray · Camellia

HEX
#876975
RGB
rgb(135, 105, 117)
HSL
hsl(336, 13%, 47%)
HSB
hsb(336, 22%, 53%)
CMYK
cmyk(0%, 22%, 13%, 47%)
Oklch
oklch(55.4% 0.042 352.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B16774
68B1A4

Analogous

B1689A
B16774
B17F68

Triadic

B16774
75B168
6875B1

Split-Comp.

B16774
68B17F
689AB1

Tetradic

B16774
9AB168
68B1A4
7F68B1

Contrast Matrix WCAG 2.1 Contrast

B16774
8D5860
CFA7A8
E3C5BB
876975
—
1.4
Fail
1.9
Fail
2.6
Fail
1.2
Fail
1.4
Fail
—
2.6
Fail
3.5
AA Large
1.2
Fail
1.9
Fail
2.6
Fail
—
1.3
Fail
2.3
Fail
2.6
Fail
3.5
AA Large
1.3
Fail
—
3.0
AA Large
1.2
Fail
1.2
Fail
2.3
Fail
3.0
AA Large
—
White BG
4.1AA Large
5.7AA
2.2Fail
1.6Fail
4.9AA
Black BG
5.1AA
3.7AA Large
9.7AAA
13.0AAA
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

919071
76765E
BEBDA8
D6D6BD
7A7A72

Deuteranopia

959B70
797D5E
C0C3A8
D8DABE
7C7E71

Tritanopia

AD6E6E
8A5D5C
CDA8A8
E1BFC0
86706F

Achromatopsia

7F7F7F
696969
B3B3B3
CDCDCD
737373

Shades & Tints Shades & Tints

#B16774

Dark
Light

#8D5860

Dark
Light

#CFA7A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b16774;
  --color-2: #8d5860;
  --color-3: #cfa7a8;
  --color-4: #e3c5bb;
  --color-5: #876975;
}

SCSS

$color-1: #b16774;
$color-2: #8d5860;
$color-3: #cfa7a8;
$color-4: #e3c5bb;
$color-5: #876975;

TAILWIND

colors: {
  'brand-1': '#b16774',
  'brand-2': '#8d5860',
  'brand-3': '#cfa7a8',
  'brand-4': '#e3c5bb',
  'brand-5': '#876975',
}

RGB Array

[177, 103, 116], [141, 88, 96], [207, 167, 168], [227, 197, 187], [135, 105, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B16774, #8D5860, #CFA7A8, #E3C5BB, #876975 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b16774; --color-2: #8d5860; --color-3: #cfa7a8; --color-4: #e3c5bb; --color-5: #876975. 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. Restrained colors convey professionalism and trust. 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