← Back to Editor

#BFC5B4 · #A39FA2 · #81728D · #39142B · #F76937

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

#BFC5B4

Willow Green · Silver · Apple Green

HEX
#BFC5B4
RGB
rgb(191, 197, 180)
HSL
hsl(81, 13%, 74%)
HSB
hsb(81, 9%, 77%)
CMYK
cmyk(3%, 0%, 9%, 23%)
Oklch
oklch(81.4% 0.024 122.8)

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

#A39FA2

Ash · DarkGray · Silver Sand

HEX
#A39FA2
RGB
rgb(163, 159, 162)
HSL
hsl(315, 2%, 63%)
HSB
hsb(315, 2%, 64%)
CMYK
cmyk(0%, 2%, 1%, 36%)
Oklch
oklch(70.7% 0.006 334.0)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#81728D

Dark Plum · Gray · Violet

HEX
#81728D
RGB
rgb(129, 114, 141)
HSL
hsl(273, 11%, 50%)
HSB
hsb(273, 19%, 55%)
CMYK
cmyk(9%, 19%, 0%, 45%)
Oklch
oklch(57.5% 0.044 310.0)

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

#39142B

Rose Purple · DarkSlateGray · Raspberry

HEX
#39142B
RGB
rgb(57, 20, 43)
HSL
hsl(323, 48%, 15%)
HSB
hsb(323, 65%, 22%)
CMYK
cmyk(0%, 65%, 25%, 78%)
Oklch
oklch(25.8% 0.067 344.6)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#F76937

Tangerine · Tomato · Warm Sun

HEX
#F76937
RGB
rgb(247, 105, 55)
HSL
hsl(16, 92%, 59%)
HSB
hsb(16, 78%, 97%)
CMYK
cmyk(0%, 57%, 78%, 3%)
Oklch
oklch(69.0% 0.186 38.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFC5B4
BAB4C5

Analogous

C5C3B4
BFC5B4
B7C5B4

Triadic

BFC5B4
B4BFC5
C5B4BF

Split-Comp.

BFC5B4
B4B7C5
C3B4C5

Tetradic

BFC5B4
B4C5C3
BAB4C5
C5B4B7

Contrast Matrix WCAG 2.1 Contrast

BFC5B4
A39FA2
81728D
39142B
F76937
—
1.5
Fail
2.5
Fail
9.1
AAA
1.7
Fail
1.5
Fail
—
1.7
Fail
6.1
AA
1.1
Fail
2.5
Fail
1.7
Fail
—
3.6
AA Large
1.5
Fail
9.1
AAA
6.1
AA
3.6
AA Large
—
5.4
AA
1.7
Fail
1.1
Fail
1.5
Fail
5.4
AA
—
White BG
1.8Fail
2.6Fail
4.4AA Large
16.0AAA
3.0Fail
Black BG
11.9AAA
8.0AAA
4.7AA
1.3Fail
7.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C2B8
A1A1A1
7B7A86
292925
BAB843

Deuteranopia

C1C1B9
A2A2A1
7B7D85
2B2E24
C2CC46

Tritanopia

BFBBBC
A3A1A1
808180
372120
F04D4F

Achromatopsia

C1C1C1
A1A1A1
7A7A7A
222222
8E8E8E

Shades & Tints Shades & Tints

#BFC5B4

Dark
Light

#A39FA2

Dark
Light

#81728D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfc5b4;
  --color-2: #a39fa2;
  --color-3: #81728d;
  --color-4: #39142b;
  --color-5: #f76937;
}

SCSS

$color-1: #bfc5b4;
$color-2: #a39fa2;
$color-3: #81728d;
$color-4: #39142b;
$color-5: #f76937;

TAILWIND

colors: {
  'brand-1': '#bfc5b4',
  'brand-2': '#a39fa2',
  'brand-3': '#81728d',
  'brand-4': '#39142b',
  'brand-5': '#f76937',
}

RGB Array

[191, 197, 180], [163, 159, 162], [129, 114, 141], [57, 20, 43], [247, 105, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BFC5B4, #A39FA2, #81728D, #39142B, #F76937 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: #bfc5b4; --color-2: #a39fa2; --color-3: #81728d; --color-4: #39142b; --color-5: #f76937. 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