#739E0E + #38962A + #276031 + #3C4531 + #401604 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#739E0E

Grass Green · Olive · Forest Green

HEX

#739E0E

RGB

rgb(115, 158, 14)

HSL

hsl(78, 84%, 34%)

HSB

hsb(78, 91%, 62%)

CMYK

cmyk(27%, 0%, 91%, 38%)

Oklch

oklch(64.4% 0.162 126.8)

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

#38962A

Pine Green · ForestGreen · Forest Green

HEX

#38962A

RGB

rgb(56, 150, 42)

HSL

hsl(112, 56%, 38%)

HSB

hsb(112, 72%, 59%)

CMYK

cmyk(63%, 0%, 72%, 41%)

Oklch

oklch(59.5% 0.169 141.2)

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

#276031

Celadon · DarkSlateGray · Forest Green

HEX

#276031

RGB

rgb(39, 96, 49)

HSL

hsl(131, 42%, 26%)

HSB

hsb(131, 59%, 38%)

CMYK

cmyk(59%, 0%, 49%, 62%)

Oklch

oklch(43.8% 0.096 147.3)

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

#3C4531

Grass Green · DarkSlateGray · Forest Green

HEX

#3C4531

RGB

rgb(60, 69, 49)

HSL

hsl(87, 17%, 23%)

HSB

hsb(87, 29%, 27%)

CMYK

cmyk(13%, 0%, 29%, 73%)

Oklch

oklch(37.6% 0.035 127.7)

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

#401604

Tangerine · Black · Cinnamon

HEX

#401604

RGB

rgb(64, 22, 4)

HSL

hsl(18, 88%, 13%)

HSB

hsb(18, 94%, 25%)

CMYK

cmyk(0%, 66%, 94%, 75%)

Oklch

oklch(26.3% 0.071 42.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

739E0E

3A0EA0

Analogous

A0820E

739E0E

2BA00E

Triadic

739E0E

0E74A0

A00E74

Split-Comp.

739E0E

0E2BA0

820EA0

Tetradic

739E0E

0EA082

3A0EA0

A00E2B

Contrast Matrix WCAG 2.1 Contrast

739E0E	38962A	276031	3C4531	401604
—	1.2 Fail	2.4 Fail	3.2 AA Large	5.0 AA
1.2 Fail	—	2.0 Fail	2.7 Fail	4.2 AA Large
2.4 Fail	2.0 Fail	—	1.3 Fail	2.1 Fail
3.2 AA Large	2.7 Fail	1.3 Fail	—	1.6 Fail
5.0 AA	4.2 AA Large	2.1 Fail	1.6 Fail	—

White BG

3.2AA Large

3.8AA Large

7.5AAA

10.1AAA

15.7AAA

Black BG

6.6AA

5.6AA

2.8Fail

2.1Fail

1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

868631

616244

40403C

404036

2E2D08

Deuteranopia

838039

5B544A

3C383F

3F3F37

303309

Tritanopia

754C52

3D595D

2A4547

3C3A3B

3E0C0D

Achromatopsia

818181

6E6E6E

4A4A4A

404040

212121

Shades & Tints Shades & Tints

#739E0E

Dark

Light

#38962A

Dark

Light

#276031

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #739e0e;
  --color-2: #38962a;
  --color-3: #276031;
  --color-4: #3c4531;
  --color-5: #401604;
}

SCSS

$color-1: #739e0e;
$color-2: #38962a;
$color-3: #276031;
$color-4: #3c4531;
$color-5: #401604;

TAILWIND

colors: {
  'brand-1': '#739e0e',
  'brand-2': '#38962a',
  'brand-3': '#276031',
  'brand-4': '#3c4531',
  'brand-5': '#401604',
}

RGB Array

[115, 158, 14], [56, 150, 42], [39, 96, 49], [60, 69, 49], [64, 22, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #739E0E, #38962A, #276031, #3C4531, #401604 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: #739e0e; --color-2: #38962a; --color-3: #276031; --color-4: #3c4531; --color-5: #401604. 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