← Back to Editor

#B89593 · #3D3B51 · #8C8F62 · #BFBD8C · #F6DEC6

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#B89593

Peach Pink · DarkGray · Coral Red

HEX
#B89593
RGB
rgb(184, 149, 147)
HSL
hsl(3, 21%, 65%)
HSB
hsb(3, 20%, 72%)
CMYK
cmyk(0%, 19%, 20%, 28%)
Oklch
oklch(70.1% 0.042 22.0)

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

#3D3B51

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#3D3B51
RGB
rgb(61, 59, 81)
HSL
hsl(245, 16%, 27%)
HSB
hsb(245, 27%, 32%)
CMYK
cmyk(25%, 27%, 0%, 68%)
Oklch
oklch(36.4% 0.038 288.5)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#8C8F62

Autumn Sage · Gray · Honey Gold

HEX
#8C8F62
RGB
rgb(140, 143, 98)
HSL
hsl(64, 19%, 47%)
HSB
hsb(64, 31%, 56%)
CMYK
cmyk(2%, 0%, 31%, 44%)
Oklch
oklch(63.6% 0.063 111.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#BFBD8C

Fresh Green · Tan · Sunflower

HEX
#BFBD8C
RGB
rgb(191, 189, 140)
HSL
hsl(58, 28%, 65%)
HSB
hsb(58, 27%, 75%)
CMYK
cmyk(0%, 1%, 27%, 25%)
Oklch
oklch(78.8% 0.066 105.9)

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

#F6DEC6

Goose Yellow · Bisque · Peach Orange

HEX
#F6DEC6
RGB
rgb(246, 222, 198)
HSL
hsl(30, 73%, 87%)
HSB
hsb(30, 20%, 96%)
CMYK
cmyk(0%, 10%, 20%, 4%)
Oklch
oklch(91.4% 0.042 67.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B89593
93B7B8

Analogous

B893A4
B89593
B8A893

Triadic

B89593
93B895
9593B8

Split-Comp.

B89593
93B8A8
93A4B8

Tetradic

B89593
A4B893
93B7B8
A893B8

Contrast Matrix WCAG 2.1 Contrast

B89593
3D3B51
8C8F62
BFBD8C
F6DEC6
—
4.0
AA Large
1.2
Fail
1.4
Fail
2.1
Fail
4.0
AA Large
—
3.2
AA Large
5.6
AA
8.3
AAA
1.2
Fail
3.2
AA Large
—
1.7
Fail
2.6
Fail
1.4
Fail
5.6
AA
1.7
Fail
—
1.5
Fail
2.1
Fail
8.3
AAA
2.6
Fail
1.5
Fail
—
White BG
2.7Fail
10.8AAA
3.4AA Large
1.9Fail
1.3Fail
Black BG
7.8AAA
1.9Fail
6.2AA
10.9AAA
16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A993
3C3C4C
8D8D6D
BEBE98
ECEBCC

Deuteranopia

ABAD94
3C3C4A
8D8D70
BEBE9B
EDEFCD

Tritanopia

B69494
3D4747
8C7577
BFA1A3
F5D0D1

Achromatopsia

9F9F9F
3E3E3E
898989
B8B8B8
E2E2E2

Shades & Tints Shades & Tints

#B89593

Dark
Light

#3D3B51

Dark
Light

#8C8F62

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b89593;
  --color-2: #3d3b51;
  --color-3: #8c8f62;
  --color-4: #bfbd8c;
  --color-5: #f6dec6;
}

SCSS

$color-1: #b89593;
$color-2: #3d3b51;
$color-3: #8c8f62;
$color-4: #bfbd8c;
$color-5: #f6dec6;

TAILWIND

colors: {
  'brand-1': '#b89593',
  'brand-2': '#3d3b51',
  'brand-3': '#8c8f62',
  'brand-4': '#bfbd8c',
  'brand-5': '#f6dec6',
}

RGB Array

[184, 149, 147], [61, 59, 81], [140, 143, 98], [191, 189, 140], [246, 222, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B89593, #3D3B51, #8C8F62, #BFBD8C, #F6DEC6 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: #b89593; --color-2: #3d3b51; --color-3: #8c8f62; --color-4: #bfbd8c; --color-5: #f6dec6. 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