#99AB32 + #818F32 + #768040 + #91614C + #912A3F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#99AB32

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#99AB32

RGB

rgb(153, 171, 50)

HSL

hsl(69, 55%, 43%)

HSB

hsb(69, 71%, 67%)

CMYK

cmyk(11%, 0%, 71%, 33%)

Oklch

oklch(70.5% 0.144 117.6)

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

#818F32

Autumn Sage · Olive · Honey Gold

HEX

#818F32

RGB

rgb(129, 143, 50)

HSL

hsl(69, 48%, 38%)

HSB

hsb(69, 65%, 56%)

CMYK

cmyk(10%, 0%, 65%, 44%)

Oklch

oklch(62.0% 0.118 117.3)

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

#768040

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#768040

RGB

rgb(118, 128, 64)

HSL

hsl(69, 33%, 38%)

HSB

hsb(69, 50%, 50%)

CMYK

cmyk(8%, 0%, 50%, 50%)

Oklch

oklch(57.7% 0.089 116.6)

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

#91614C

Tangerine · Sienna · Amber Brown

HEX

#91614C

RGB

rgb(145, 97, 76)

HSL

hsl(18, 31%, 43%)

HSB

hsb(18, 48%, 57%)

CMYK

cmyk(0%, 33%, 48%, 43%)

Oklch

oklch(53.9% 0.070 44.4)

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

#912A3F

Crimson · Brown · Wine Red

HEX

#912A3F

RGB

rgb(145, 42, 63)

HSL

hsl(348, 55%, 37%)

HSB

hsb(348, 71%, 57%)

CMYK

cmyk(0%, 71%, 57%, 43%)

Oklch

oklch(44.9% 0.138 12.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

99AB32

4331AA

Analogous

AA8031

99AB32

5CAA31

Triadic

99AB32

3198AA

AA3198

Split-Comp.

99AB32

315CAA

8031AA

Tetradic

99AB32

31AA80

4331AA

AA315C

Contrast Matrix WCAG 2.1 Contrast

99AB32	818F32	768040	91614C	912A3F
—	1.4 Fail	1.7 Fail	2.0 Fail	3.2 AA Large
1.4 Fail	—	1.2 Fail	1.5 Fail	2.3 Fail
1.7 Fail	1.2 Fail	—	1.2 Fail	1.9 Fail
2.0 Fail	1.5 Fail	1.2 Fail	—	1.5 Fail
3.2 AA Large	2.3 Fail	1.9 Fail	1.5 Fail	—

White BG

2.6Fail

3.6AA Large

4.3AA Large

5.2AA

8.1AAA

Black BG

8.2AAA

5.9AA

4.9AA

4.0AA Large

2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A14F

878749

7A7A4F

7C7C51

64633A

Deuteranopia

A09E56

86854E

7A7953

7F8352

6A7239

Tritanopia

9A666B

825A5E

775C5E

8F5556

8C3635

Achromatopsia

989898

808080

767676

6D6D6D

4B4B4B

Shades & Tints Shades & Tints

#99AB32

Dark

Light

#818F32

Dark

Light

#768040

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #99ab32;
  --color-2: #818f32;
  --color-3: #768040;
  --color-4: #91614c;
  --color-5: #912a3f;
}

SCSS

$color-1: #99ab32;
$color-2: #818f32;
$color-3: #768040;
$color-4: #91614c;
$color-5: #912a3f;

TAILWIND

colors: {
  'brand-1': '#99ab32',
  'brand-2': '#818f32',
  'brand-3': '#768040',
  'brand-4': '#91614c',
  'brand-5': '#912a3f',
}

RGB Array

[153, 171, 50], [129, 143, 50], [118, 128, 64], [145, 97, 76], [145, 42, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #99AB32, #818F32, #768040, #91614C, #912A3F 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: #99ab32; --color-2: #818f32; --color-3: #768040; --color-4: #91614c; --color-5: #912a3f. 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