← Back to Editor

#B7D669 · #849B4B · #586832 · #2D3519 · #090A07

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#B7D669

Willow Green · Tan · Apple Green

HEX
#B7D669
RGB
rgb(183, 214, 105)
HSL
hsl(77, 57%, 63%)
HSB
hsb(77, 51%, 84%)
CMYK
cmyk(14%, 0%, 51%, 16%)
Oklch
oklch(83.0% 0.141 122.6)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#849B4B

Grass Green · Gray · Olive Green

HEX
#849B4B
RGB
rgb(132, 155, 75)
HSL
hsl(77, 35%, 45%)
HSB
hsb(77, 52%, 61%)
CMYK
cmyk(15%, 0%, 52%, 39%)
Oklch
oklch(65.4% 0.110 122.7)

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

#586832

Grass Green · DarkOliveGreen · Forest Green

HEX
#586832
RGB
rgb(88, 104, 50)
HSL
hsl(78, 35%, 30%)
HSB
hsb(78, 52%, 41%)
CMYK
cmyk(15%, 0%, 52%, 59%)
Oklch
oklch(49.1% 0.080 123.0)

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

#2D3519

Grass Green · DarkSlateGray · Dark Green

HEX
#2D3519
RGB
rgb(45, 53, 25)
HSL
hsl(77, 36%, 15%)
HSB
hsb(77, 53%, 21%)
CMYK
cmyk(15%, 0%, 53%, 79%)
Oklch
oklch(31.3% 0.047 122.2)

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

#090A07

Grass Green · Black · Dark Green

HEX
#090A07
RGB
rgb(9, 10, 7)
HSL
hsl(80, 18%, 3%)
HSB
hsb(80, 30%, 4%)
CMYK
cmyk(10%, 0%, 30%, 96%)
Oklch
oklch(14.2% 0.007 121.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B7D669
896BD6

Analogous

D6BF6B
B7D669
82D66B

Triadic

B7D669
6BB8D6
D66BB8

Split-Comp.

B7D669
6B82D6
BF6BD6

Tetradic

B7D669
6BD6BF
896BD6
D66B82

Contrast Matrix WCAG 2.1 Contrast

B7D669
849B4B
586832
2D3519
090A07
—
1.9
Fail
3.7
AA Large
7.9
AAA
12.1
AAA
1.9
Fail
—
2.0
Fail
4.1
AA Large
6.4
AA
3.7
AA Large
2.0
Fail
—
2.1
Fail
3.3
AA Large
7.9
AAA
4.1
AA Large
2.1
Fail
—
1.5
Fail
12.1
AAA
6.4
AA
3.3
AA Large
1.5
Fail
—
White BG
1.6Fail
3.1AA Large
6.1AA
12.8AAA
19.8AAA
Black BG
12.8AAA
6.8AA
3.4AA Large
1.6Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C583
8E8E5E
5F5F3F
303120
090908

Deuteranopia

C3C08A
8D8B63
5E5D42
302F21
090908

Tritanopia

B9989D
856E71
59494C
2D2526
090808

Achromatopsia

C0C0C0
8B8B8B
5D5D5D
2F2F2F
090909

Shades & Tints Shades & Tints

#B7D669

Dark
Light

#849B4B

Dark
Light

#586832

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b7d669;
  --color-2: #849b4b;
  --color-3: #586832;
  --color-4: #2d3519;
  --color-5: #090a07;
}

SCSS

$color-1: #b7d669;
$color-2: #849b4b;
$color-3: #586832;
$color-4: #2d3519;
$color-5: #090a07;

TAILWIND

colors: {
  'brand-1': '#b7d669',
  'brand-2': '#849b4b',
  'brand-3': '#586832',
  'brand-4': '#2d3519',
  'brand-5': '#090a07',
}

RGB Array

[183, 214, 105], [132, 155, 75], [88, 104, 50], [45, 53, 25], [9, 10, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B7D669, #849B4B, #586832, #2D3519, #090A07 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: #b7d669; --color-2: #849b4b; --color-3: #586832; --color-4: #2d3519; --color-5: #090a07. 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