#999E3D + #89992A + #79941A + #678F2A + #568B3C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#999E3D

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#999E3D

RGB

rgb(153, 158, 61)

HSL

hsl(63, 44%, 43%)

HSB

hsb(63, 61%, 62%)

CMYK

cmyk(3%, 0%, 61%, 38%)

Oklch

oklch(67.6% 0.120 112.0)

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

#89992A

Autumn Sage · Olive · Honey Gold

HEX

#89992A

RGB

rgb(137, 153, 42)

HSL

hsl(69, 57%, 38%)

HSB

hsb(69, 73%, 60%)

CMYK

cmyk(10%, 0%, 73%, 40%)

Oklch

oklch(64.9% 0.133 117.5)

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

#79941A

Grass Green · Olive · Forest Green

HEX

#79941A

RGB

rgb(121, 148, 26)

HSL

hsl(73, 70%, 34%)

HSB

hsb(73, 82%, 58%)

CMYK

cmyk(18%, 0%, 82%, 42%)

Oklch

oklch(62.4% 0.143 122.2)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#678F2A

Grass Green · DarkOliveGreen · Forest Green

HEX

#678F2A

RGB

rgb(103, 143, 42)

HSL

hsl(84, 55%, 36%)

HSB

hsb(84, 71%, 56%)

CMYK

cmyk(28%, 0%, 71%, 44%)

Oklch

oklch(60.0% 0.136 128.7)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#568B3C

Celadon · DarkOliveGreen · Forest Green

HEX

#568B3C

RGB

rgb(86, 139, 60)

HSL

hsl(100, 40%, 39%)

HSB

hsb(100, 57%, 55%)

CMYK

cmyk(38%, 0%, 57%, 45%)

Oklch

oklch(58.1% 0.125 136.5)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

999E3D

423D9E

Analogous

9E723D

999E3D

699E3D

Triadic

999E3D

3D999E

9E3D99

Split-Comp.

999E3D

3D699E

723D9E

Tetradic

999E3D

3D9E72

423D9E

9E3D69

Contrast Matrix WCAG 2.1 Contrast

999E3D	89992A	79941A	678F2A	568B3C
—	1.1 Fail	1.2 Fail	1.3 Fail	1.4 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.3 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.4 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

2.9Fail

3.2AA Large

3.5AA Large

3.8AA Large

4.1AA Large

Black BG

7.3AAA

6.7AA

6.1AA

5.5AA

5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9B54

909045

858538

787942

6D6D4F

Deuteranopia

9B9B5A

8F8E4B

83813F

767348

6A6654

Tritanopia

99676B

8A5A5F

7A4F54

69565A

595E62

Achromatopsia

919191

888888

7E7E7E

787878

727272

Shades & Tints Shades & Tints

#999E3D

Dark

Light

#89992A

Dark

Light

#79941A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #999e3d;
  --color-2: #89992a;
  --color-3: #79941a;
  --color-4: #678f2a;
  --color-5: #568b3c;
}

SCSS

$color-1: #999e3d;
$color-2: #89992a;
$color-3: #79941a;
$color-4: #678f2a;
$color-5: #568b3c;

TAILWIND

colors: {
  'brand-1': '#999e3d',
  'brand-2': '#89992a',
  'brand-3': '#79941a',
  'brand-4': '#678f2a',
  'brand-5': '#568b3c',
}

RGB Array

[153, 158, 61], [137, 153, 42], [121, 148, 26], [103, 143, 42], [86, 139, 60]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #999E3D, #89992A, #79941A, #678F2A, #568B3C 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: #999e3d; --color-2: #89992a; --color-3: #79941a; --color-4: #678f2a; --color-5: #568b3c. 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