#473E35 + #844F00 + #797337 + #708856 + #73A484 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#473E35

Ochre · DarkSlateGray · Cinnamon

HEX

#473E35

RGB

rgb(71, 62, 53)

HSL

hsl(30, 15%, 24%)

HSB

hsb(30, 25%, 28%)

CMYK

cmyk(0%, 13%, 25%, 72%)

Oklch

oklch(37.0% 0.019 67.2)

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

#844F00

Ochre · Olive · Amber Brown

HEX

#844F00

RGB

rgb(132, 79, 0)

HSL

hsl(36, 100%, 26%)

HSB

hsb(36, 100%, 52%)

CMYK

cmyk(0%, 40%, 100%, 48%)

Oklch

oklch(47.8% 0.106 66.7)

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

#797337

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#797337

RGB

rgb(121, 115, 55)

HSL

hsl(55, 37%, 35%)

HSB

hsb(55, 55%, 47%)

CMYK

cmyk(0%, 5%, 55%, 53%)

Oklch

oklch(54.7% 0.081 103.6)

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

#708856

Grass Green · DimGray · Olive Green

HEX

#708856

RGB

rgb(112, 136, 86)

HSL

hsl(89, 23%, 44%)

HSB

hsb(89, 37%, 53%)

CMYK

cmyk(18%, 0%, 37%, 47%)

Oklch

oklch(59.5% 0.077 129.4)

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

#73A484

Celadon · CadetBlue · Olive Green

HEX

#73A484

RGB

rgb(115, 164, 132)

HSL

hsl(141, 21%, 55%)

HSB

hsb(141, 30%, 64%)

CMYK

cmyk(30%, 0%, 20%, 36%)

Oklch

oklch(67.5% 0.071 155.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

473E35

343D46

Analogous

463434

473E35

464634

Triadic

473E35

34463D

3D3446

Split-Comp.

473E35

344646

343446

Tetradic

473E35

344634

343D46

463446

Contrast Matrix WCAG 2.1 Contrast

473E35	844F00	797337	708856	73A484
—	1.5 Fail	2.2 Fail	2.7 Fail	3.7 AA Large
1.5 Fail	—	1.4 Fail	1.7 Fail	2.4 Fail
2.2 Fail	1.4 Fail	—	1.2 Fail	1.7 Fail
2.7 Fail	1.7 Fail	1.2 Fail	—	1.4 Fail
3.7 AA Large	2.4 Fail	1.7 Fail	1.4 Fail	—

White BG

10.5AAA

6.8AA

4.9AA

3.9AA Large

2.8Fail

Black BG

2.0Fail

3.1AA Large

4.3AA Large

5.3AA

7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

434337

6D6D13

767646

7A7B62

88898C

Deuteranopia

444438

707418

777749

797765

85828E

Tritanopia

473939

812226

795154

716C6E

759293

Achromatopsia

404040

565656

6E6E6E

7B7B7B

929292

Shades & Tints Shades & Tints

#473E35

Dark

Light

#844F00

Dark

Light

#797337

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #473e35;
  --color-2: #844f00;
  --color-3: #797337;
  --color-4: #708856;
  --color-5: #73a484;
}

SCSS

$color-1: #473e35;
$color-2: #844f00;
$color-3: #797337;
$color-4: #708856;
$color-5: #73a484;

TAILWIND

colors: {
  'brand-1': '#473e35',
  'brand-2': '#844f00',
  'brand-3': '#797337',
  'brand-4': '#708856',
  'brand-5': '#73a484',
}

RGB Array

[71, 62, 53], [132, 79, 0], [121, 115, 55], [112, 136, 86], [115, 164, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #473E35, #844F00, #797337, #708856, #73A484 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: #473e35; --color-2: #844f00; --color-3: #797337; --color-4: #708856; --color-5: #73a484. 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