#868610 + #767617 + #61611A + #494919 + #303014 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#868610

Autumn Sage · Olive · Honey Gold

HEX

#868610

RGB

rgb(134, 134, 16)

HSL

hsl(60, 79%, 29%)

HSB

hsb(60, 88%, 53%)

CMYK

cmyk(0%, 0%, 88%, 47%)

Oklch

oklch(60.1% 0.127 109.7)

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

#767617

Autumn Sage · Olive · Honey Gold

HEX

#767617

RGB

rgb(118, 118, 23)

HSL

hsl(60, 67%, 28%)

HSB

hsb(60, 81%, 46%)

CMYK

cmyk(0%, 0%, 81%, 54%)

Oklch

oklch(54.9% 0.111 109.6)

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

#61611A

Autumn Sage · DarkOliveGreen · Amber Gold

HEX

#61611A

RGB

rgb(97, 97, 26)

HSL

hsl(60, 58%, 24%)

HSB

hsb(60, 73%, 38%)

CMYK

cmyk(0%, 0%, 73%, 62%)

Oklch

oklch(47.8% 0.091 109.4)

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

#494919

Autumn Sage · DarkOliveGreen · Amber Gold

HEX

#494919

RGB

rgb(73, 73, 25)

HSL

hsl(60, 49%, 19%)

HSB

hsb(60, 66%, 29%)

CMYK

cmyk(0%, 0%, 66%, 71%)

Oklch

oklch(39.4% 0.068 109.2)

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

#303014

Autumn Sage · DarkSlateGray · Amber Gold

HEX

#303014

RGB

rgb(48, 48, 20)

HSL

hsl(60, 41%, 13%)

HSB

hsb(60, 58%, 19%)

CMYK

cmyk(0%, 0%, 58%, 81%)

Oklch

oklch(30.2% 0.045 108.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

868610

101084

Analogous

844A10

868610

4A8410

Triadic

868610

108484

841084

Split-Comp.

868610

104A84

4A1084

Tetradic

868610

10844A

101084

84104A

Contrast Matrix WCAG 2.1 Contrast

868610	767617	61611A	494919	303014
—	1.2 Fail	1.7 Fail	2.4 Fail	3.5 AA Large
1.2 Fail	—	1.4 Fail	1.9 Fail	2.8 Fail
1.7 Fail	1.4 Fail	—	1.4 Fail	2.1 Fail
2.4 Fail	1.9 Fail	1.4 Fail	—	1.4 Fail
3.5 AA Large	2.8 Fail	2.1 Fail	1.4 Fail	—

White BG

3.9AA Large

4.8AA

6.5AA

9.3AAA

13.5AAA

Black BG

5.4AA

4.4AA Large

3.2AA Large

2.3Fail

1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

86862D

76762E

61612B

494925

30301B

Deuteranopia

868633

767634

61612F

494927

30301C

Tritanopia

864348

764044

61393C

492E30

302021

Achromatopsia

797979

6B6B6B

595959

444444

2D2D2D

Shades & Tints Shades & Tints

#868610

Dark

Light

#767617

Dark

Light

#61611A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #868610;
  --color-2: #767617;
  --color-3: #61611a;
  --color-4: #494919;
  --color-5: #303014;
}

SCSS

$color-1: #868610;
$color-2: #767617;
$color-3: #61611a;
$color-4: #494919;
$color-5: #303014;

TAILWIND

colors: {
  'brand-1': '#868610',
  'brand-2': '#767617',
  'brand-3': '#61611a',
  'brand-4': '#494919',
  'brand-5': '#303014',
}

RGB Array

[134, 134, 16], [118, 118, 23], [97, 97, 26], [73, 73, 25], [48, 48, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #868610, #767617, #61611A, #494919, #303014 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: #868610; --color-2: #767617; --color-3: #61611a; --color-4: #494919; --color-5: #303014. 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