← Back to Editor

#80766D · #806966 · #805C5E · #A36075 · #C6648C

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

#80766D

Tangerine · Gray · Warm Gray

HEX
#80766D
RGB
rgb(128, 118, 109)
HSL
hsl(28, 8%, 46%)
HSB
hsb(28, 15%, 50%)
CMYK
cmyk(0%, 8%, 15%, 50%)
Oklch
oklch(57.2% 0.018 64.5)

Traditional「Tangerine」· Paint「Warm Gray」· Creative Urban Concrete

#806966

Crimson · DimGray · Passion Red

HEX
#806966
RGB
rgb(128, 105, 102)
HSL
hsl(7, 11%, 45%)
HSB
hsb(7, 20%, 50%)
CMYK
cmyk(0%, 18%, 20%, 50%)
Oklch
oklch(54.2% 0.030 26.8)

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

#805C5E

Crimson · DimGray · Passion Red

HEX
#805C5E
RGB
rgb(128, 92, 94)
HSL
hsl(357, 16%, 43%)
HSB
hsb(357, 28%, 50%)
CMYK
cmyk(0%, 28%, 27%, 50%)
Oklch
oklch(51.3% 0.047 15.2)

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

#A36075

Dark Violet · Gray · Rose Pink

HEX
#A36075
RGB
rgb(163, 96, 117)
HSL
hsl(341, 27%, 51%)
HSB
hsb(341, 41%, 64%)
CMYK
cmyk(0%, 41%, 28%, 36%)
Oklch
oklch(57.0% 0.091 0.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#C6648C

Dark Violet · LightCoral · Rose Pink

HEX
#C6648C
RGB
rgb(198, 100, 140)
HSL
hsl(336, 46%, 58%)
HSB
hsb(336, 49%, 78%)
CMYK
cmyk(0%, 49%, 29%, 22%)
Oklch
oklch(63.0% 0.132 355.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

80766D
6C767F

Analogous

7F6C6D
80766D
7F7E6C

Triadic

80766D
6C7F75
756C7F

Split-Comp.

80766D
6C7F7E
6C6D7F

Tetradic

80766D
6D7F6C
6C767F
7E6C7F

Contrast Matrix WCAG 2.1 Contrast

80766D
806966
805C5E
A36075
C6648C
—
1.1
Fail
1.3
Fail
1.1
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
1.1
Fail
1.1
Fail
1.2
Fail
—
1.2
Fail
1.2
Fail
1.4
Fail
1.6
Fail
1.2
Fail
—
White BG
4.4AA Large
5.1AA
5.8AA
4.7AA
3.7AA Large
Black BG
4.7AA
4.1AA Large
3.6AA Large
4.5AA Large
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7C7C6F
767667
70705E
868570
9C9B82

Deuteranopia

7C7D70
777967
73755D
8A8F6F
A1A980

Tritanopia

807171
7F6767
7E5D5D
A06C6B
C17B79

Achromatopsia

787878
707070
676767
767676
868686

Shades & Tints Shades & Tints

#80766D

Dark
Light

#806966

Dark
Light

#805C5E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #80766d;
  --color-2: #806966;
  --color-3: #805c5e;
  --color-4: #a36075;
  --color-5: #c6648c;
}

SCSS

$color-1: #80766d;
$color-2: #806966;
$color-3: #805c5e;
$color-4: #a36075;
$color-5: #c6648c;

TAILWIND

colors: {
  'brand-1': '#80766d',
  'brand-2': '#806966',
  'brand-3': '#805c5e',
  'brand-4': '#a36075',
  'brand-5': '#c6648c',
}

RGB Array

[128, 118, 109], [128, 105, 102], [128, 92, 94], [163, 96, 117], [198, 100, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #80766D, #806966, #805C5E, #A36075, #C6648C is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #80766d; --color-2: #806966; --color-3: #805c5e; --color-4: #a36075; --color-5: #c6648c. 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. Restrained colors convey professionalism and trust. 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