← Back to Editor

#8F734F · #DAD194 · #53483F · #3D1E07 · #921E1A

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

#8F734F

Ochre · DimGray · Amber Brown

HEX
#8F734F
RGB
rgb(143, 115, 79)
HSL
hsl(34, 29%, 44%)
HSB
hsb(34, 45%, 56%)
CMYK
cmyk(0%, 20%, 45%, 44%)
Oklch
oklch(57.4% 0.062 73.1)

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

#DAD194

Fresh Green · BurlyWood · Sunflower

HEX
#DAD194
RGB
rgb(218, 209, 148)
HSL
hsl(52, 49%, 72%)
HSB
hsb(52, 32%, 85%)
CMYK
cmyk(0%, 4%, 32%, 15%)
Oklch
oklch(85.4% 0.080 100.8)

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

#53483F

Tangerine · DarkOliveGreen · Amber Brown

HEX
#53483F
RGB
rgb(83, 72, 63)
HSL
hsl(27, 14%, 29%)
HSB
hsb(27, 24%, 33%)
CMYK
cmyk(0%, 13%, 24%, 67%)
Oklch
oklch(41.0% 0.021 61.5)

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

#3D1E07

Tangerine · Black · Cinnamon

HEX
#3D1E07
RGB
rgb(61, 30, 7)
HSL
hsl(26, 79%, 13%)
HSB
hsb(26, 89%, 24%)
CMYK
cmyk(0%, 51%, 89%, 76%)
Oklch
oklch(27.3% 0.059 53.7)

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

#921E1A

Vermilion · Brown · Wine Red

HEX
#921E1A
RGB
rgb(146, 30, 26)
HSL
hsl(2, 70%, 34%)
HSB
hsb(2, 82%, 57%)
CMYK
cmyk(0%, 79%, 82%, 43%)
Oklch
oklch(43.3% 0.152 27.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8F734F
506C91

Analogous

915450
8F734F
8C9150

Triadic

8F734F
509175
755091

Split-Comp.

8F734F
508C91
545091

Tetradic

8F734F
509154
506C91
91508C

Contrast Matrix WCAG 2.1 Contrast

8F734F
DAD194
53483F
3D1E07
921E1A
—
2.9
Fail
2.0
Fail
3.4
AA Large
2.0
Fail
2.9
Fail
—
5.7
AA
9.8
AAA
5.6
AA
2.0
Fail
5.7
AA
—
1.7
Fail
1.0
Fail
3.4
AA Large
9.8
AAA
1.7
Fail
—
1.7
Fail
2.0
Fail
5.6
AA
1.0
Fail
1.7
Fail
—
White BG
4.4AA Large
1.6Fail
8.9AAA
15.1AAA
8.7AAA
Black BG
4.7AA
13.5AAA
2.4Fail
1.4Fail
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

838358
D6D6A3
4E4E41
302F0D
605F1B

Deuteranopia

85875A
D7D7A6
4F5042
31340E
676F1B

Tritanopia

8E5F60
DAAEB1
524343
3B1112
8C1C1C

Achromatopsia

777777
CDCDCD
4A4A4A
252525
404040

Shades & Tints Shades & Tints

#8F734F

Dark
Light

#DAD194

Dark
Light

#53483F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8f734f;
  --color-2: #dad194;
  --color-3: #53483f;
  --color-4: #3d1e07;
  --color-5: #921e1a;
}

SCSS

$color-1: #8f734f;
$color-2: #dad194;
$color-3: #53483f;
$color-4: #3d1e07;
$color-5: #921e1a;

TAILWIND

colors: {
  'brand-1': '#8f734f',
  'brand-2': '#dad194',
  'brand-3': '#53483f',
  'brand-4': '#3d1e07',
  'brand-5': '#921e1a',
}

RGB Array

[143, 115, 79], [218, 209, 148], [83, 72, 63], [61, 30, 7], [146, 30, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8F734F, #DAD194, #53483F, #3D1E07, #921E1A 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: #8f734f; --color-2: #dad194; --color-3: #53483f; --color-4: #3d1e07; --color-5: #921e1a. 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