← Back to Editor

#4B3B40 · #9DB70F · #858C2B · #AAD08B · #B8DA92

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

#4B3B40

Dark Violet · DarkSlateGray · Camellia

HEX
#4B3B40
RGB
rgb(75, 59, 64)
HSL
hsl(341, 12%, 26%)
HSB
hsb(341, 21%, 29%)
CMYK
cmyk(0%, 21%, 15%, 71%)
Oklch
oklch(37.1% 0.024 357.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#9DB70F

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9DB70F
RGB
rgb(157, 183, 15)
HSL
hsl(69, 85%, 39%)
HSB
hsb(69, 92%, 72%)
CMYK
cmyk(14%, 0%, 92%, 28%)
Oklch
oklch(73.4% 0.171 119.5)

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

#858C2B

Autumn Sage · Olive · Honey Gold

HEX
#858C2B
RGB
rgb(133, 140, 43)
HSL
hsl(64, 53%, 36%)
HSB
hsb(64, 69%, 55%)
CMYK
cmyk(5%, 0%, 69%, 45%)
Oklch
oklch(61.5% 0.119 113.4)

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

#AAD08B

Celadon · DarkSeaGreen · Apple Green

HEX
#AAD08B
RGB
rgb(170, 208, 139)
HSL
hsl(93, 42%, 68%)
HSB
hsb(93, 33%, 82%)
CMYK
cmyk(18%, 0%, 33%, 18%)
Oklch
oklch(81.3% 0.101 131.8)

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

#B8DA92

Willow Green · LightGreen · Apple Green

HEX
#B8DA92
RGB
rgb(184, 218, 146)
HSL
hsl(88, 49%, 71%)
HSB
hsb(88, 33%, 85%)
CMYK
cmyk(16%, 0%, 33%, 15%)
Oklch
oklch(84.6% 0.102 128.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4B3B40
3A4A45

Analogous

4A3A47
4B3B40
4A3D3A

Triadic

4B3B40
3F4A3A
3A3F4A

Split-Comp.

4B3B40
3A4A3D
3A474A

Tetradic

4B3B40
474A3A
3A4A45
3D3A4A

Contrast Matrix WCAG 2.1 Contrast

4B3B40
9DB70F
858C2B
AAD08B
B8DA92
—
4.6
AA
2.9
Fail
6.1
AA
6.7
AA
4.6
AA
—
1.6
Fail
1.3
Fail
1.5
Fail
2.9
Fail
1.6
Fail
—
2.1
Fail
2.3
Fail
6.1
AA
1.3
Fail
2.1
Fail
—
1.1
Fail
6.7
AA
1.5
Fail
2.3
Fail
1.1
Fail
—
White BG
10.5AAA
2.3Fail
3.6AA Large
1.7Fail
1.6Fail
Black BG
2.0Fail
9.2AAA
5.8AA
12.1AAA
13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

44443F
A8A838
888842
BABB9C
C7C7A3

Deuteranopia

45463F
A7A541
888748
B8B5A0
C5C2A8

Tritanopia

4A3E3E
9E585F
855559
ACA9AC
BAB1B4

Achromatopsia

404040
9C9C9C
7F7F7F
BDBDBD
C8C8C8

Shades & Tints Shades & Tints

#4B3B40

Dark
Light

#9DB70F

Dark
Light

#858C2B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4b3b40;
  --color-2: #9db70f;
  --color-3: #858c2b;
  --color-4: #aad08b;
  --color-5: #b8da92;
}

SCSS

$color-1: #4b3b40;
$color-2: #9db70f;
$color-3: #858c2b;
$color-4: #aad08b;
$color-5: #b8da92;

TAILWIND

colors: {
  'brand-1': '#4b3b40',
  'brand-2': '#9db70f',
  'brand-3': '#858c2b',
  'brand-4': '#aad08b',
  'brand-5': '#b8da92',
}

RGB Array

[75, 59, 64], [157, 183, 15], [133, 140, 43], [170, 208, 139], [184, 218, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4B3B40, #9DB70F, #858C2B, #AAD08B, #B8DA92 is ideal for: 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: #4b3b40; --color-2: #9db70f; --color-3: #858c2b; --color-4: #aad08b; --color-5: #b8da92. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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