← Back to Editor

#A69680 · #291111 · #552917 · #734133 · #966A56

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

#A69680

Ginger · Gray · Warm Sun

HEX
#A69680
RGB
rgb(166, 150, 128)
HSL
hsl(35, 18%, 58%)
HSB
hsb(35, 23%, 65%)
CMYK
cmyk(0%, 10%, 23%, 35%)
Oklch
oklch(68.1% 0.037 75.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#291111

Crimson · Black · Deep Berry

HEX
#291111
RGB
rgb(41, 17, 17)
HSL
hsl(0, 41%, 11%)
HSB
hsb(0, 59%, 16%)
CMYK
cmyk(0%, 59%, 59%, 84%)
Oklch
oklch(21.4% 0.040 21.0)

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

#552917

Tangerine · Maroon · Cinnamon

HEX
#552917
RGB
rgb(85, 41, 23)
HSL
hsl(17, 57%, 21%)
HSB
hsb(17, 73%, 33%)
CMYK
cmyk(0%, 52%, 73%, 67%)
Oklch
oklch(33.7% 0.071 42.2)

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

#734133

Crimson · Sienna · Wine Red

HEX
#734133
RGB
rgb(115, 65, 51)
HSL
hsl(13, 39%, 33%)
HSB
hsb(13, 56%, 45%)
CMYK
cmyk(0%, 43%, 56%, 55%)
Oklch
oklch(43.2% 0.074 36.5)

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

#966A56

Tangerine · Sienna · Amber Brown

HEX
#966A56
RGB
rgb(150, 106, 86)
HSL
hsl(19, 27%, 46%)
HSB
hsb(19, 43%, 59%)
CMYK
cmyk(0%, 29%, 43%, 41%)
Oklch
oklch(56.5% 0.064 45.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A69680
8191A7

Analogous

A78481
A69680
A4A781

Triadic

A69680
81A797
9781A7

Split-Comp.

A69680
81A4A7
8481A7

Tetradic

A69680
81A784
8191A7
A781A4

Contrast Matrix WCAG 2.1 Contrast

A69680
291111
552917
734133
966A56
—
6.2
AA
4.3
AA Large
2.9
Fail
1.6
Fail
6.2
AA
—
1.5
Fail
2.1
Fail
3.8
AA Large
4.3
AA Large
1.5
Fail
—
1.5
Fail
2.6
Fail
2.9
Fail
2.1
Fail
1.5
Fail
—
1.8
Fail
1.6
Fail
3.8
AA Large
2.6
Fail
1.8
Fail
—
White BG
2.9Fail
17.8AAA
12.2AAA
8.3AAA
4.7AA
Black BG
7.3AAA
1.2Fail
1.7Fail
2.5Fail
4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9F85
1F1E11
42421B
5D5D36
83835B

Deuteranopia

A0A187
202211
45481C
606437
86895C

Tritanopia

A58A8A
281111
531F20
71393A
945F60

Achromatopsia

989898
181818
343434
4E4E4E
757575

Shades & Tints Shades & Tints

#A69680

Dark
Light

#291111

Dark
Light

#552917

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a69680;
  --color-2: #291111;
  --color-3: #552917;
  --color-4: #734133;
  --color-5: #966a56;
}

SCSS

$color-1: #a69680;
$color-2: #291111;
$color-3: #552917;
$color-4: #734133;
$color-5: #966a56;

TAILWIND

colors: {
  'brand-1': '#a69680',
  'brand-2': '#291111',
  'brand-3': '#552917',
  'brand-4': '#734133',
  'brand-5': '#966a56',
}

RGB Array

[166, 150, 128], [41, 17, 17], [85, 41, 23], [115, 65, 51], [150, 106, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A69680, #291111, #552917, #734133, #966A56 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: #a69680; --color-2: #291111; --color-3: #552917; --color-4: #734133; --color-5: #966a56. 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