← Back to Editor

#A69F73 · #808157 · #695926 · #621C1A · #060300

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

#A69F73

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A69F73
RGB
rgb(166, 159, 115)
HSL
hsl(52, 22%, 55%)
HSB
hsb(52, 31%, 65%)
CMYK
cmyk(0%, 4%, 31%, 35%)
Oklch
oklch(69.7% 0.061 100.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#808157

Autumn Sage · DimGray · Honey Gold

HEX
#808157
RGB
rgb(128, 129, 87)
HSL
hsl(61, 19%, 42%)
HSB
hsb(61, 33%, 51%)
CMYK
cmyk(1%, 0%, 33%, 49%)
Oklch
oklch(59.2% 0.060 109.2)

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

#695926

Ochre · DarkOliveGreen · Honey Gold

HEX
#695926
RGB
rgb(105, 89, 38)
HSL
hsl(46, 47%, 28%)
HSB
hsb(46, 64%, 41%)
CMYK
cmyk(0%, 15%, 64%, 59%)
Oklch
oklch(46.9% 0.072 92.0)

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

#621C1A

Crimson · Maroon · Wine Red

HEX
#621C1A
RGB
rgb(98, 28, 26)
HSL
hsl(2, 58%, 24%)
HSB
hsb(2, 73%, 38%)
CMYK
cmyk(0%, 71%, 73%, 62%)
Oklch
oklch(33.9% 0.102 25.8)

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

#060300

Ochre · Black · Cinnamon

HEX
#060300
RGB
rgb(6, 3, 0)
HSL
hsl(30, 100%, 1%)
HSB
hsb(30, 100%, 2%)
CMYK
cmyk(0%, 50%, 100%, 98%)
Oklch
oklch(10.2% 0.021 82.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A69F73
737AA5

Analogous

A58673
A69F73
93A573

Triadic

A69F73
73A59F
9F73A5

Split-Comp.

A69F73
7393A5
8673A5

Tetradic

A69F73
73A586
737AA5
A57393

Contrast Matrix WCAG 2.1 Contrast

A69F73
808157
695926
621C1A
060300
—
1.5
Fail
2.6
Fail
4.6
AA
7.7
AAA
1.5
Fail
—
1.7
Fail
3.1
AA Large
5.1
AA
2.6
Fail
1.7
Fail
—
1.8
Fail
3.0
Fail
4.6
AA
3.1
AA Large
1.8
Fail
—
1.7
Fail
7.7
AAA
5.1
AA
3.0
Fail
1.7
Fail
—
White BG
2.7Fail
4.0AA Large
6.9AA
12.4AAA
20.6AAA
Black BG
7.8AAA
5.2AA
3.1AA Large
1.7Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A37E
808061
626232
44431A
050501

Deuteranopia

A3A480
808064
636435
484D1B
050501

Tritanopia

A68688
80696B
683C3E
5F1B1B
060101

Achromatopsia

9C9C9C
7C7C7C
585858
313131
040404

Shades & Tints Shades & Tints

#A69F73

Dark
Light

#808157

Dark
Light

#695926

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a69f73;
  --color-2: #808157;
  --color-3: #695926;
  --color-4: #621c1a;
  --color-5: #060300;
}

SCSS

$color-1: #a69f73;
$color-2: #808157;
$color-3: #695926;
$color-4: #621c1a;
$color-5: #060300;

TAILWIND

colors: {
  'brand-1': '#a69f73',
  'brand-2': '#808157',
  'brand-3': '#695926',
  'brand-4': '#621c1a',
  'brand-5': '#060300',
}

RGB Array

[166, 159, 115], [128, 129, 87], [105, 89, 38], [98, 28, 26], [6, 3, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A69F73, #808157, #695926, #621C1A, #060300 is ideal for: tech websites, dark mode UIs, game UIs, 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: #a69f73; --color-2: #808157; --color-3: #695926; --color-4: #621c1a; --color-5: #060300. 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. 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