#441E15 + #760000 + #605A40 + #857D3F + #918948 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#441E15

Crimson · Maroon · Deep Berry

HEX

#441E15

RGB

rgb(68, 30, 21)

HSL

hsl(11, 53%, 17%)

HSB

hsb(11, 69%, 27%)

CMYK

cmyk(0%, 56%, 69%, 73%)

Oklch

oklch(28.7% 0.061 34.5)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#760000

Vermilion · Maroon · Wine Red

HEX

#760000

RGB

rgb(118, 0, 0)

HSL

hsl(0, 100%, 23%)

HSB

hsb(0, 100%, 46%)

CMYK

cmyk(0%, 100%, 100%, 54%)

Oklch

oklch(35.5% 0.146 29.2)

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

#605A40

Ochre · DarkOliveGreen · Honey Gold

HEX

#605A40

RGB

rgb(96, 90, 64)

HSL

hsl(49, 20%, 31%)

HSB

hsb(49, 33%, 38%)

CMYK

cmyk(0%, 6%, 33%, 62%)

Oklch

oklch(46.6% 0.040 96.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#857D3F

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#857D3F

RGB

rgb(133, 125, 63)

HSL

hsl(53, 36%, 38%)

HSB

hsb(53, 53%, 52%)

CMYK

cmyk(0%, 6%, 53%, 48%)

Oklch

oklch(58.3% 0.084 102.0)

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

#918948

Autumn Sage · Gray · Honey Gold

HEX

#918948

RGB

rgb(145, 137, 72)

HSL

hsl(53, 34%, 43%)

HSB

hsb(53, 50%, 57%)

CMYK

cmyk(0%, 6%, 50%, 43%)

Oklch

oklch(62.3% 0.087 102.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

441E15

143A42

Analogous

421423

441E15

423414

Triadic

441E15

14421D

1D1442

Split-Comp.

441E15

144234

142342

Tetradic

441E15

234214

143A42

341442

Contrast Matrix WCAG 2.1 Contrast

441E15	760000	605A40	857D3F	918948
—	1.2 Fail	2.1 Fail	3.5 AA Large	4.1 AA Large
1.2 Fail	—	1.7 Fail	2.8 Fail	3.3 AA Large
2.1 Fail	1.7 Fail	—	1.6 Fail	1.9 Fail
3.5 AA Large	2.8 Fail	1.6 Fail	—	1.2 Fail
4.1 AA Large	3.3 AA Large	1.9 Fail	1.2 Fail	—

White BG

14.6AAA

11.9AAA

6.9AA

4.2AA Large

3.6AA Large

Black BG

1.4Fail

1.8Fail

3.0AA Large

5.0AA

5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

343317

434200

5D5D46

82814E

8E8D58

Deuteranopia

363918

4A5300

5E5E48

828352

8E8F5C

Tritanopia

421919

700000

604B4C

855A5C

916467

Achromatopsia

282828

232323

595959

787878

848484

Shades & Tints Shades & Tints

#441E15

Dark

Light

#760000

Dark

Light

#605A40

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #441e15;
  --color-2: #760000;
  --color-3: #605a40;
  --color-4: #857d3f;
  --color-5: #918948;
}

SCSS

$color-1: #441e15;
$color-2: #760000;
$color-3: #605a40;
$color-4: #857d3f;
$color-5: #918948;

TAILWIND

colors: {
  'brand-1': '#441e15',
  'brand-2': '#760000',
  'brand-3': '#605a40',
  'brand-4': '#857d3f',
  'brand-5': '#918948',
}

RGB Array

[68, 30, 21], [118, 0, 0], [96, 90, 64], [133, 125, 63], [145, 137, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #441E15, #760000, #605A40, #857D3F, #918948 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: #441e15; --color-2: #760000; --color-3: #605a40; --color-4: #857d3f; --color-5: #918948. 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