#A09B77 + #C95C16 + #49142C + #3C3342 + #404134 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A09B77

Autumn Sage · Gray · Sunflower

HEX

#A09B77

RGB

rgb(160, 155, 119)

HSL

hsl(53, 18%, 55%)

HSB

hsb(53, 26%, 63%)

CMYK

cmyk(0%, 3%, 26%, 37%)

Oklch

oklch(68.4% 0.051 101.0)

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

#C95C16

Tangerine · Chocolate · Amber Brown

HEX

#C95C16

RGB

rgb(201, 92, 22)

HSL

hsl(23, 80%, 44%)

HSB

hsb(23, 89%, 79%)

CMYK

cmyk(0%, 54%, 89%, 21%)

Oklch

oklch(60.1% 0.157 47.0)

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

#49142C

Dark Violet · Maroon · Raspberry

HEX

#49142C

RGB

rgb(73, 20, 44)

HSL

hsl(333, 57%, 18%)

HSB

hsb(333, 73%, 29%)

CMYK

cmyk(0%, 73%, 40%, 71%)

Oklch

oklch(28.7% 0.085 355.8)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#3C3342

Dark Plum · DarkSlateGray · Eggplant

HEX

#3C3342

RGB

rgb(60, 51, 66)

HSL

hsl(276, 13%, 23%)

HSB

hsb(276, 23%, 26%)

CMYK

cmyk(9%, 23%, 0%, 74%)

Oklch

oklch(33.7% 0.029 311.7)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#404134

Autumn Sage · DarkSlateGray · Amber Gold

HEX

#404134

RGB

rgb(64, 65, 52)

HSL

hsl(65, 11%, 23%)

HSB

hsb(65, 20%, 25%)

CMYK

cmyk(2%, 0%, 20%, 75%)

Oklch

oklch(37.0% 0.021 111.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A09B77

787CA1

Analogous

A18778

A09B77

91A178

Triadic

A09B77

78A19C

9C78A1

Split-Comp.

A09B77

7891A1

8778A1

Tetradic

A09B77

78A187

787CA1

A17891

Contrast Matrix WCAG 2.1 Contrast

A09B77	C95C16	49142C	3C3342	404134
—	1.5 Fail	5.2 AA	4.3 AA Large	3.7 AA Large
1.5 Fail	—	3.5 AA Large	2.9 Fail	2.5 Fail
5.2 AA	3.5 AA Large	—	1.2 Fail	1.4 Fail
4.3 AA Large	2.9 Fail	1.2 Fail	—	1.2 Fail
3.7 AA Large	2.5 Fail	1.4 Fail	1.2 Fail	—

White BG

2.8Fail

4.2AA Large

14.8AAA

12.0AAA

10.4AAA

Black BG

7.4AAA

5.0AA

1.4Fail

1.7Fail

2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9E80

9A9927

323226

38383E

404037

Deuteranopia

9E9F82

A0A82B

353925

39393D

404038

Tritanopia

A08788

C43437

462221

3C3C3B

403A3A

Achromatopsia

989898

757575

272727

373737

3F3F3F

Shades & Tints Shades & Tints

#A09B77

Dark

Light

#C95C16

Dark

Light

#49142C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a09b77;
  --color-2: #c95c16;
  --color-3: #49142c;
  --color-4: #3c3342;
  --color-5: #404134;
}

SCSS

$color-1: #a09b77;
$color-2: #c95c16;
$color-3: #49142c;
$color-4: #3c3342;
$color-5: #404134;

TAILWIND

colors: {
  'brand-1': '#a09b77',
  'brand-2': '#c95c16',
  'brand-3': '#49142c',
  'brand-4': '#3c3342',
  'brand-5': '#404134',
}

RGB Array

[160, 155, 119], [201, 92, 22], [73, 20, 44], [60, 51, 66], [64, 65, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A09B77, #C95C16, #49142C, #3C3342, #404134 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: #a09b77; --color-2: #c95c16; --color-3: #49142c; --color-4: #3c3342; --color-5: #404134. 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