← Back to Editor

#99A805 · #B5B079 · #806F65 · #4A4036 · #261D1E

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

#99A805

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#99A805
RGB
rgb(153, 168, 5)
HSL
hsl(66, 94%, 34%)
HSB
hsb(66, 97%, 66%)
CMYK
cmyk(9%, 0%, 97%, 34%)
Oklch
oklch(69.6% 0.158 116.0)

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

#B5B079

Autumn Sage · Tan · Sunflower

HEX
#B5B079
RGB
rgb(181, 176, 121)
HSL
hsl(55, 29%, 59%)
HSB
hsb(55, 33%, 71%)
CMYK
cmyk(0%, 3%, 33%, 29%)
Oklch
oklch(74.8% 0.074 103.6)

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

#806F65

Tangerine · DimGray · Amber Brown

HEX
#806F65
RGB
rgb(128, 111, 101)
HSL
hsl(22, 12%, 45%)
HSB
hsb(22, 21%, 50%)
CMYK
cmyk(0%, 13%, 21%, 50%)
Oklch
oklch(55.5% 0.026 52.4)

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

#4A4036

Ochre · DarkSlateGray · Cinnamon

HEX
#4A4036
RGB
rgb(74, 64, 54)
HSL
hsl(30, 16%, 25%)
HSB
hsb(30, 27%, 29%)
CMYK
cmyk(0%, 14%, 27%, 71%)
Oklch
oklch(37.9% 0.022 67.1)

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

#261D1E

Crimson · Black · Deep Berry

HEX
#261D1E
RGB
rgb(38, 29, 30)
HSL
hsl(353, 13%, 13%)
HSB
hsb(353, 24%, 15%)
CMYK
cmyk(0%, 24%, 21%, 85%)
Oklch
oklch(24.2% 0.014 10.7)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

99A805
1605A8

Analogous

A86705
99A805
46A805

Triadic

99A805
0598A8
A80598

Split-Comp.

99A805
0546A8
6705A8

Tetradic

99A805
05A867
1605A8
A80546

Contrast Matrix WCAG 2.1 Contrast

99A805
B5B079
806F65
4A4036
261D1E
—
1.2
Fail
1.8
Fail
3.8
AA Large
6.2
AA
1.2
Fail
—
2.2
Fail
4.5
AA
7.4
AAA
1.8
Fail
2.2
Fail
—
2.1
Fail
3.4
AA Large
3.8
AA Large
4.5
AA
2.1
Fail
—
1.6
Fail
6.2
AA
7.4
AAA
3.4
AA Large
1.6
Fail
—
White BG
2.6Fail
2.2Fail
4.8AA
10.1AAA
16.4AAA
Black BG
8.0AAA
9.5AAA
4.4AA Large
2.1Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9FA02C
B3B386
797867
464638
22221E

Deuteranopia

9F9E36
B3B48A
7A7B68
464739
23231E

Tritanopia

9A4C52
B59193
7F696A
4A3A3B
261E1E

Achromatopsia

919191
ABABAB
737373
424242
202020

Shades & Tints Shades & Tints

#99A805

Dark
Light

#B5B079

Dark
Light

#806F65

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #99a805;
  --color-2: #b5b079;
  --color-3: #806f65;
  --color-4: #4a4036;
  --color-5: #261d1e;
}

SCSS

$color-1: #99a805;
$color-2: #b5b079;
$color-3: #806f65;
$color-4: #4a4036;
$color-5: #261d1e;

TAILWIND

colors: {
  'brand-1': '#99a805',
  'brand-2': '#b5b079',
  'brand-3': '#806f65',
  'brand-4': '#4a4036',
  'brand-5': '#261d1e',
}

RGB Array

[153, 168, 5], [181, 176, 121], [128, 111, 101], [74, 64, 54], [38, 29, 30]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #99A805, #B5B079, #806F65, #4A4036, #261D1E 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: #99a805; --color-2: #b5b079; --color-3: #806f65; --color-4: #4a4036; --color-5: #261d1e. 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