← Back to Editor

#75111D · #85494B · #BFAA7B · #A9773C · #6C5424

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

#75111D

Vermilion · Maroon · Wine Red

HEX
#75111D
RGB
rgb(117, 17, 29)
HSL
hsl(353, 75%, 26%)
HSB
hsb(353, 85%, 46%)
CMYK
cmyk(0%, 85%, 75%, 54%)
Oklch
oklch(36.6% 0.133 21.4)

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

#85494B

Crimson · Sienna · Wine Red

HEX
#85494B
RGB
rgb(133, 73, 75)
HSL
hsl(358, 29%, 40%)
HSB
hsb(358, 45%, 52%)
CMYK
cmyk(0%, 45%, 44%, 48%)
Oklch
oklch(47.8% 0.082 18.5)

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

#BFAA7B

Ginger · Tan · Sunflower

HEX
#BFAA7B
RGB
rgb(191, 170, 123)
HSL
hsl(41, 35%, 62%)
HSB
hsb(41, 36%, 75%)
CMYK
cmyk(0%, 11%, 36%, 25%)
Oklch
oklch(74.5% 0.068 86.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#A9773C

Ochre · Sienna · Amber Brown

HEX
#A9773C
RGB
rgb(169, 119, 60)
HSL
hsl(32, 48%, 45%)
HSB
hsb(32, 64%, 66%)
CMYK
cmyk(0%, 30%, 64%, 34%)
Oklch
oklch(60.8% 0.098 68.6)

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

#6C5424

Ochre · DarkOliveGreen · Honey Gold

HEX
#6C5424
RGB
rgb(108, 84, 36)
HSL
hsl(40, 50%, 28%)
HSB
hsb(40, 67%, 42%)
CMYK
cmyk(0%, 22%, 67%, 58%)
Oklch
oklch(46.0% 0.072 82.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75111D
117468

Analogous

74114E
75111D
743711

Triadic

75111D
1C7411
111C74

Split-Comp.

75111D
117437
114E74

Tetradic

75111D
4E7411
117468
371174

Contrast Matrix WCAG 2.1 Contrast

75111D
85494B
BFAA7B
A9773C
6C5424
—
1.6
Fail
5.0
AA
2.9
Fail
1.6
Fail
1.6
Fail
—
3.0
AA Large
1.8
Fail
1.0
Fail
5.0
AA
3.0
AA Large
—
1.7
Fail
3.2
AA Large
2.9
Fail
1.8
Fail
1.7
Fail
—
1.8
Fail
1.6
Fail
1.0
Fail
3.2
AA Large
1.8
Fail
—
White BG
11.3AAA
6.9AA
2.3Fail
3.9AA Large
7.2AAA
Black BG
1.9Fail
3.1AA Large
9.3AAA
5.4AA
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A491A
6B6A4B
B6B686
93934A
626130

Deuteranopia

505719
6F734A
B7B989
969A4E
636532

Tritanopia

701817
824A4A
BE8F91
A65658
6B393B

Achromatopsia

303030
5B5B5B
ABABAB
7F7F7F
565656

Shades & Tints Shades & Tints

#75111D

Dark
Light

#85494B

Dark
Light

#BFAA7B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75111d;
  --color-2: #85494b;
  --color-3: #bfaa7b;
  --color-4: #a9773c;
  --color-5: #6c5424;
}

SCSS

$color-1: #75111d;
$color-2: #85494b;
$color-3: #bfaa7b;
$color-4: #a9773c;
$color-5: #6c5424;

TAILWIND

colors: {
  'brand-1': '#75111d',
  'brand-2': '#85494b',
  'brand-3': '#bfaa7b',
  'brand-4': '#a9773c',
  'brand-5': '#6c5424',
}

RGB Array

[117, 17, 29], [133, 73, 75], [191, 170, 123], [169, 119, 60], [108, 84, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #75111D, #85494B, #BFAA7B, #A9773C, #6C5424 is ideal for: corporate websites, product showcases, portfolios. 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: #75111d; --color-2: #85494b; --color-3: #bfaa7b; --color-4: #a9773c; --color-5: #6c5424. 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. 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