← Back to Editor

#727D45 · #4D351D · #B3A662 · #040005 · #B18E4C

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

#727D45

Grass Green · DarkOliveGreen · Forest Green

HEX
#727D45
RGB
rgb(114, 125, 69)
HSL
hsl(72, 29%, 38%)
HSB
hsb(72, 45%, 49%)
CMYK
cmyk(9%, 0%, 45%, 51%)
Oklch
oklch(56.7% 0.080 118.1)

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

#4D351D

Ochre · DarkOliveGreen · Cinnamon

HEX
#4D351D
RGB
rgb(77, 53, 29)
HSL
hsl(30, 45%, 21%)
HSB
hsb(30, 62%, 30%)
CMYK
cmyk(0%, 31%, 62%, 70%)
Oklch
oklch(35.1% 0.051 64.9)

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

#B3A662

Autumn Sage · Tan · Sunflower

HEX
#B3A662
RGB
rgb(179, 166, 98)
HSL
hsl(50, 35%, 54%)
HSB
hsb(50, 45%, 70%)
CMYK
cmyk(0%, 7%, 45%, 30%)
Oklch
oklch(72.1% 0.090 98.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#040005

Royal Purple · Black · Dark Purple

HEX
#040005
RGB
rgb(4, 0, 5)
HSL
hsl(288, 100%, 1%)
HSB
hsb(288, 100%, 2%)
CMYK
cmyk(20%, 100%, 0%, 98%)
Oklch
oklch(7.7% 0.036 323.0)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#B18E4C

Ochre · GoldenRod · Amber Brown

HEX
#B18E4C
RGB
rgb(177, 142, 76)
HSL
hsl(39, 40%, 50%)
HSB
hsb(39, 57%, 69%)
CMYK
cmyk(0%, 20%, 57%, 31%)
Oklch
oklch(66.6% 0.095 81.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

727D45
50457D

Analogous

7D6C45
727D45
567D45

Triadic

727D45
45727D
7D4572

Split-Comp.

727D45
45567D
6C457D

Tetradic

727D45
457D6C
50457D
7D4556

Contrast Matrix WCAG 2.1 Contrast

727D45
4D351D
B3A662
040005
B18E4C
—
2.6
Fail
1.8
Fail
4.7
AA
1.4
Fail
2.6
Fail
—
4.6
AA
1.8
Fail
3.7
AA Large
1.8
Fail
4.6
AA
—
8.5
AAA
1.2
Fail
4.7
AA
1.8
Fail
8.5
AAA
—
6.8
AA
1.4
Fail
3.7
AA Large
1.2
Fail
6.8
AA
—
White BG
4.4AA Large
11.4AAA
2.5Fail
20.8AAA
3.1AA Large
Black BG
4.7AA
1.8Fail
8.5AAA
1.0Fail
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

777753
434223
ADAD72
020204
A2A25C

Deuteranopia

767556
444624
AEAF76
030304
A4A760

Tritanopia

735D60
4C2728
B27F82
040303
AF696B

Achromatopsia

737373
393939
A2A2A2
020202
919191

Shades & Tints Shades & Tints

#727D45

Dark
Light

#4D351D

Dark
Light

#B3A662

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #727d45;
  --color-2: #4d351d;
  --color-3: #b3a662;
  --color-4: #040005;
  --color-5: #b18e4c;
}

SCSS

$color-1: #727d45;
$color-2: #4d351d;
$color-3: #b3a662;
$color-4: #040005;
$color-5: #b18e4c;

TAILWIND

colors: {
  'brand-1': '#727d45',
  'brand-2': '#4d351d',
  'brand-3': '#b3a662',
  'brand-4': '#040005',
  'brand-5': '#b18e4c',
}

RGB Array

[114, 125, 69], [77, 53, 29], [179, 166, 98], [4, 0, 5], [177, 142, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #727D45, #4D351D, #B3A662, #040005, #B18E4C 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: #727d45; --color-2: #4d351d; --color-3: #b3a662; --color-4: #040005; --color-5: #b18e4c. 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