#9DB65A + #7E9859 + #5E7C40 + #DFDD79 + #9B052A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#9DB65A

Grass Green · DarkSeaGreen · Olive Green

HEX

#9DB65A

RGB

rgb(157, 182, 90)

HSL

hsl(76, 39%, 53%)

HSB

hsb(76, 51%, 71%)

CMYK

cmyk(14%, 0%, 51%, 29%)

Oklch

oklch(73.7% 0.122 122.0)

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

#7E9859

Grass Green · Gray · Olive Green

HEX

#7E9859

RGB

rgb(126, 152, 89)

HSL

hsl(85, 26%, 47%)

HSB

hsb(85, 41%, 60%)

CMYK

cmyk(17%, 0%, 41%, 40%)

Oklch

oklch(64.4% 0.093 127.1)

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

#5E7C40

Celadon · DarkOliveGreen · Forest Green

HEX

#5E7C40

RGB

rgb(94, 124, 64)

HSL

hsl(90, 32%, 37%)

HSB

hsb(90, 48%, 49%)

CMYK

cmyk(24%, 0%, 48%, 51%)

Oklch

oklch(54.8% 0.093 130.7)

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

#DFDD79

Fresh Green · Khaki · Sunflower

HEX

#DFDD79

RGB

rgb(223, 221, 121)

HSL

hsl(59, 61%, 67%)

HSB

hsb(59, 46%, 87%)

CMYK

cmyk(0%, 1%, 46%, 13%)

Oklch

oklch(87.8% 0.123 107.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#9B052A

Vermilion · FireBrick · Wine Red

HEX

#9B052A

RGB

rgb(155, 5, 42)

HSL

hsl(345, 94%, 31%)

HSB

hsb(345, 97%, 61%)

CMYK

cmyk(0%, 97%, 73%, 39%)

Oklch

oklch(43.9% 0.173 18.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9DB65A

7158B6

Analogous

B6A058

9DB65A

6EB658

Triadic

9DB65A

589DB6

B6589D

Split-Comp.

9DB65A

586EB6

A058B6

Tetradic

9DB65A

58B6A0

7158B6

B6586E

Contrast Matrix WCAG 2.1 Contrast

9DB65A	7E9859	5E7C40	DFDD79	9B052A
—	1.4 Fail	2.1 Fail	1.6 Fail	3.8 AA Large
1.4 Fail	—	1.5 Fail	2.3 Fail	2.7 Fail
2.1 Fail	1.5 Fail	—	3.3 AA Large	1.8 Fail
1.6 Fail	2.3 Fail	3.3 AA Large	—	6.0 AA
3.8 AA Large	2.7 Fail	1.8 Fail	6.0 AA	—

White BG

2.3Fail

3.2AA Large

4.7AA

1.4Fail

8.6AAA

Black BG

9.3AAA

6.5AA

4.4AA Large

14.8AAA

2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A870

898968

6B6B4F

DEDE91

5A5921

Deuteranopia

A6A576

88866C

696752

DEDE97

636E1F

Tritanopia

9E8286

7F7477

605A5D

DFA4A9

941A18

Achromatopsia

A4A4A4

898989

6C6C6C

D2D2D2

363636

Shades & Tints Shades & Tints

#9DB65A

Dark

Light

#7E9859

Dark

Light

#5E7C40

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9db65a;
  --color-2: #7e9859;
  --color-3: #5e7c40;
  --color-4: #dfdd79;
  --color-5: #9b052a;
}

SCSS

$color-1: #9db65a;
$color-2: #7e9859;
$color-3: #5e7c40;
$color-4: #dfdd79;
$color-5: #9b052a;

TAILWIND

colors: {
  'brand-1': '#9db65a',
  'brand-2': '#7e9859',
  'brand-3': '#5e7c40',
  'brand-4': '#dfdd79',
  'brand-5': '#9b052a',
}

RGB Array

[157, 182, 90], [126, 152, 89], [94, 124, 64], [223, 221, 121], [155, 5, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9DB65A, #7E9859, #5E7C40, #DFDD79, #9B052A is ideal for: corporate websites, product showcases, portfolios. 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: #9db65a; --color-2: #7e9859; --color-3: #5e7c40; --color-4: #dfdd79; --color-5: #9b052a. 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. 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