← Back to Editor

#87826F · #BDB9A3 · #E8E2C1 · #810013 · #0C0205

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

#87826F

Ochre · Gray · Honey Gold

HEX
#87826F
RGB
rgb(135, 130, 111)
HSL
hsl(47, 10%, 48%)
HSB
hsb(47, 18%, 53%)
CMYK
cmyk(0%, 4%, 18%, 47%)
Oklch
oklch(60.6% 0.028 94.9)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#BDB9A3

Fresh Green · DarkGray · Sunflower

HEX
#BDB9A3
RGB
rgb(189, 185, 163)
HSL
hsl(51, 16%, 69%)
HSB
hsb(51, 14%, 74%)
CMYK
cmyk(0%, 2%, 14%, 26%)
Oklch
oklch(78.3% 0.031 98.6)

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

#E8E2C1

Fresh Green · Wheat · Lemon Cream

HEX
#E8E2C1
RGB
rgb(232, 226, 193)
HSL
hsl(51, 46%, 83%)
HSB
hsb(51, 17%, 91%)
CMYK
cmyk(0%, 3%, 17%, 9%)
Oklch
oklch(90.9% 0.044 98.7)

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

#810013

Vermilion · Maroon · Wine Red

HEX
#810013
RGB
rgb(129, 0, 19)
HSL
hsl(351, 100%, 25%)
HSB
hsb(351, 100%, 51%)
CMYK
cmyk(0%, 100%, 85%, 49%)
Oklch
oklch(38.0% 0.154 24.2)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#0C0205

Dark Violet · Black · Raspberry

HEX
#0C0205
RGB
rgb(12, 2, 5)
HSL
hsl(342, 71%, 3%)
HSB
hsb(342, 83%, 5%)
CMYK
cmyk(0%, 83%, 58%, 95%)
Oklch
oklch(11.4% 0.028 356.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

87826F
6E7387

Analogous

87756E
87826F
80876E

Triadic

87826F
6E8781
816E87

Split-Comp.

87826F
6E8087
756E87

Tetradic

87826F
6E8775
6E7387
876E80

Contrast Matrix WCAG 2.1 Contrast

87826F
BDB9A3
E8E2C1
810013
0C0205
—
1.9
Fail
2.9
Fail
2.8
Fail
5.3
AA
1.9
Fail
—
1.5
Fail
5.5
AA
10.4
AAA
2.9
Fail
1.5
Fail
—
8.3
AAA
15.7
AAA
2.8
Fail
5.5
AA
8.3
AAA
—
1.9
Fail
5.3
AA
10.4
AAA
15.7
AAA
1.9
Fail
—
White BG
3.9AA Large
2.0Fail
1.3Fail
10.8AAA
20.5AAA
Black BG
5.5AA
10.6AAA
16.1AAA
1.9Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

858574
BBBBA8
E5E5C9
49480E
080804

Deuteranopia

858675
BCBCAA
E6E6CB
515A0D
080904

Tritanopia

877778
BDADAD
E8CFD1
7B0B0A
0B0404

Achromatopsia

818181
B8B8B8
E0E0E0
292929
050505

Shades & Tints Shades & Tints

#87826F

Dark
Light

#BDB9A3

Dark
Light

#E8E2C1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #87826f;
  --color-2: #bdb9a3;
  --color-3: #e8e2c1;
  --color-4: #810013;
  --color-5: #0c0205;
}

SCSS

$color-1: #87826f;
$color-2: #bdb9a3;
$color-3: #e8e2c1;
$color-4: #810013;
$color-5: #0c0205;

TAILWIND

colors: {
  'brand-1': '#87826f',
  'brand-2': '#bdb9a3',
  'brand-3': '#e8e2c1',
  'brand-4': '#810013',
  'brand-5': '#0c0205',
}

RGB Array

[135, 130, 111], [189, 185, 163], [232, 226, 193], [129, 0, 19], [12, 2, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #87826F, #BDB9A3, #E8E2C1, #810013, #0C0205 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: #87826f; --color-2: #bdb9a3; --color-3: #e8e2c1; --color-4: #810013; --color-5: #0c0205. 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