← Back to Editor

#806E57 · #8D9103 · #594D3E · #171109 · #BF0B0B

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

#806E57

Ochre · DimGray · Amber Brown

HEX
#806E57
RGB
rgb(128, 110, 87)
HSL
hsl(34, 19%, 42%)
HSB
hsb(34, 32%, 50%)
CMYK
cmyk(0%, 14%, 32%, 50%)
Oklch
oklch(54.9% 0.041 73.6)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#8D9103

Autumn Sage · Olive · Honey Gold

HEX
#8D9103
RGB
rgb(141, 145, 3)
HSL
hsl(62, 96%, 29%)
HSB
hsb(62, 98%, 57%)
CMYK
cmyk(3%, 0%, 98%, 43%)
Oklch
oklch(63.2% 0.139 111.7)

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

#594D3E

Ochre · DarkOliveGreen · Amber Brown

HEX
#594D3E
RGB
rgb(89, 77, 62)
HSL
hsl(33, 18%, 30%)
HSB
hsb(33, 30%, 35%)
CMYK
cmyk(0%, 13%, 30%, 65%)
Oklch
oklch(42.8% 0.029 73.1)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#171109

Ochre · Black · Cinnamon

HEX
#171109
RGB
rgb(23, 17, 9)
HSL
hsl(34, 44%, 6%)
HSB
hsb(34, 61%, 9%)
CMYK
cmyk(0%, 26%, 61%, 91%)
Oklch
oklch(18.3% 0.018 74.3)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#BF0B0B

Vermilion · FireBrick · Wine Red

HEX
#BF0B0B
RGB
rgb(191, 11, 11)
HSL
hsl(0, 89%, 40%)
HSB
hsb(0, 94%, 75%)
CMYK
cmyk(0%, 94%, 94%, 25%)
Oklch
oklch(50.9% 0.204 28.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

806E57
57687F

Analogous

7F5957
806E57
7D7F57

Triadic

806E57
577F6E
6E577F

Split-Comp.

806E57
577D7F
59577F

Tetradic

806E57
577F59
57687F
7F577D

Contrast Matrix WCAG 2.1 Contrast

806E57
8D9103
594D3E
171109
BF0B0B
—
1.4
Fail
1.7
Fail
3.8
AA Large
1.3
Fail
1.4
Fail
—
2.4
Fail
5.5
AA
1.9
Fail
1.7
Fail
2.4
Fail
—
2.3
Fail
1.3
Fail
3.8
AA Large
5.5
AA
2.3
Fail
—
2.9
Fail
1.3
Fail
1.9
Fail
1.3
Fail
2.9
Fail
—
White BG
4.9AA
3.4AA Large
8.2AAA
18.7AAA
6.4AA
Black BG
4.3AA Large
6.2AA
2.6Fail
1.1Fail
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

78785D
8F8F25
545442
14140B
716F0B

Deuteranopia

797B5E
8F8E2E
555543
15150B
7C890B

Tritanopia

7F6162
8D4046
584445
170C0D
B60B0B

Achromatopsia

717171
808080
4F4F4F
121212
414141

Shades & Tints Shades & Tints

#806E57

Dark
Light

#8D9103

Dark
Light

#594D3E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #806e57;
  --color-2: #8d9103;
  --color-3: #594d3e;
  --color-4: #171109;
  --color-5: #bf0b0b;
}

SCSS

$color-1: #806e57;
$color-2: #8d9103;
$color-3: #594d3e;
$color-4: #171109;
$color-5: #bf0b0b;

TAILWIND

colors: {
  'brand-1': '#806e57',
  'brand-2': '#8d9103',
  'brand-3': '#594d3e',
  'brand-4': '#171109',
  'brand-5': '#bf0b0b',
}

RGB Array

[128, 110, 87], [141, 145, 3], [89, 77, 62], [23, 17, 9], [191, 11, 11]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #806E57, #8D9103, #594D3E, #171109, #BF0B0B is ideal for: tech websites, dark mode UIs, game UIs. 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: #806e57; --color-2: #8d9103; --color-3: #594d3e; --color-4: #171109; --color-5: #bf0b0b. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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