#A96C26 + #915729 + #78422B + #602C2E + #471730 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A96C26

Ochre · Sienna · Amber Brown

HEX

#A96C26

RGB

rgb(169, 108, 38)

HSL

hsl(32, 63%, 41%)

HSB

hsb(32, 78%, 66%)

CMYK

cmyk(0%, 36%, 78%, 34%)

Oklch

oklch(58.5% 0.113 65.3)

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

#915729

Tangerine · Sienna · Amber Brown

HEX

#915729

RGB

rgb(145, 87, 41)

HSL

hsl(27, 56%, 36%)

HSB

hsb(27, 72%, 57%)

CMYK

cmyk(0%, 40%, 72%, 43%)

Oklch

oklch(51.4% 0.098 56.5)

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

#78422B

Tangerine · Sienna · Amber Brown

HEX

#78422B

RGB

rgb(120, 66, 43)

HSL

hsl(18, 47%, 32%)

HSB

hsb(18, 64%, 47%)

CMYK

cmyk(0%, 45%, 64%, 53%)

Oklch

oklch(44.0% 0.083 43.3)

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

#602C2E

Crimson · DarkOliveGreen · Wine Red

HEX

#602C2E

RGB

rgb(96, 44, 46)

HSL

hsl(358, 37%, 27%)

HSB

hsb(358, 54%, 38%)

CMYK

cmyk(0%, 54%, 52%, 62%)

Oklch

oklch(36.4% 0.076 19.2)

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

#471730

Rose Purple · DarkSlateGray · Raspberry

HEX

#471730

RGB

rgb(71, 23, 48)

HSL

hsl(329, 51%, 18%)

HSB

hsb(329, 68%, 28%)

CMYK

cmyk(0%, 68%, 32%, 72%)

Oklch

oklch(28.9% 0.080 350.9)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A96C26

2764AA

Analogous

AA2B27

A96C26

A6AA27

Triadic

A96C26

27AA6D

6D27AA

Split-Comp.

A96C26

27A6AA

2B27AA

Tetradic

A96C26

27AA2B

2764AA

AA27A6

Contrast Matrix WCAG 2.1 Contrast

A96C26	915729	78422B	602C2E	471730
—	1.4 Fail	1.9 Fail	2.6 Fail	3.4 AA Large
1.4 Fail	—	1.4 Fail	1.9 Fail	2.5 Fail
1.9 Fail	1.4 Fail	—	1.4 Fail	1.8 Fail
2.6 Fail	1.9 Fail	1.4 Fail	—	1.3 Fail
3.4 AA Large	2.5 Fail	1.8 Fail	1.3 Fail	—

White BG

4.3AA Large

5.8AA

8.0AAA

11.1AAA

14.7AAA

Black BG

4.9AA

3.6AA Large

2.6Fail

1.9Fail

1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8E37

787734

616031

49492E

32322A

Deuteranopia

92973B

7B8037

646832

4D502D

353928

Tritanopia

A64447

8E3D3F

753536

5D2D2D

452524

Achromatopsia

767676

636363

505050

3C3C3C

282828

Shades & Tints Shades & Tints

#A96C26

Dark

Light

#915729

Dark

Light

#78422B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a96c26;
  --color-2: #915729;
  --color-3: #78422b;
  --color-4: #602c2e;
  --color-5: #471730;
}

SCSS

$color-1: #a96c26;
$color-2: #915729;
$color-3: #78422b;
$color-4: #602c2e;
$color-5: #471730;

TAILWIND

colors: {
  'brand-1': '#a96c26',
  'brand-2': '#915729',
  'brand-3': '#78422b',
  'brand-4': '#602c2e',
  'brand-5': '#471730',
}

RGB Array

[169, 108, 38], [145, 87, 41], [120, 66, 43], [96, 44, 46], [71, 23, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A96C26, #915729, #78422B, #602C2E, #471730 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: #a96c26; --color-2: #915729; --color-3: #78422b; --color-4: #602c2e; --color-5: #471730. 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