← Back to Editor

#965621 · #A3460B · #8F2B1B · #69534F · #291F1E

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 Library

Color Details Color Details

#965621

Tangerine · Sienna · Amber Brown

HEX
#965621
RGB
rgb(150, 86, 33)
HSL
hsl(27, 64%, 36%)
HSB
hsb(27, 78%, 59%)
CMYK
cmyk(0%, 43%, 78%, 41%)
Oklch
oklch(51.8% 0.107 56.4)

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

#A3460B

Tangerine · Sienna · Amber Brown

HEX
#A3460B
RGB
rgb(163, 70, 11)
HSL
hsl(23, 87%, 34%)
HSB
hsb(23, 93%, 64%)
CMYK
cmyk(0%, 57%, 93%, 36%)
Oklch
oklch(50.9% 0.138 45.9)

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

#8F2B1B

Vermilion · Brown · Wine Red

HEX
#8F2B1B
RGB
rgb(143, 43, 27)
HSL
hsl(8, 68%, 33%)
HSB
hsb(8, 81%, 56%)
CMYK
cmyk(0%, 70%, 81%, 44%)
Oklch
oklch(44.0% 0.138 31.8)

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

#69534F

Crimson · DimGray · Wine Red

HEX
#69534F
RGB
rgb(105, 83, 79)
HSL
hsl(9, 14%, 36%)
HSB
hsb(9, 25%, 41%)
CMYK
cmyk(0%, 21%, 25%, 59%)
Oklch
oklch(46.4% 0.030 30.2)

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

#291F1E

Crimson · Black · Deep Berry

HEX
#291F1E
RGB
rgb(41, 31, 30)
HSL
hsl(5, 15%, 14%)
HSB
hsb(5, 27%, 16%)
CMYK
cmyk(0%, 24%, 27%, 84%)
Oklch
oklch(25.1% 0.016 24.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

965621
216297

Analogous

972127
965621
979121

Triadic

965621
219756
562197

Split-Comp.

965621
219791
212797

Tetradic

965621
279721
216297
912197

Contrast Matrix WCAG 2.1 Contrast

965621
A3460B
8F2B1B
69534F
291F1E
—
1.1
Fail
1.4
Fail
1.2
Fail
2.8
Fail
1.1
Fail
—
1.4
Fail
1.2
Fail
2.6
Fail
1.4
Fail
1.4
Fail
—
1.2
Fail
1.9
Fail
1.2
Fail
1.2
Fail
1.2
Fail
—
2.3
Fail
2.8
Fail
2.6
Fail
1.9
Fail
2.3
Fail
—
White BG
5.8AA
6.1AA
8.3AAA
7.1AAA
16.0AAA
Black BG
3.6AA Large
3.4AA Large
2.5Fail
3.0Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7A7A2E
7B7A19
64631F
5F5F50
25251E

Deuteranopia

7E8331
80871D
6A7120
616250
25261E

Tritanopia

93383A
9E2527
8A2223
685151
281E1E

Achromatopsia

636363
5B5B5B
474747
595959
222222

Shades & Tints Shades & Tints

#965621

Dark
Light

#A3460B

Dark
Light

#8F2B1B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #965621;
  --color-2: #a3460b;
  --color-3: #8f2b1b;
  --color-4: #69534f;
  --color-5: #291f1e;
}

SCSS

$color-1: #965621;
$color-2: #a3460b;
$color-3: #8f2b1b;
$color-4: #69534f;
$color-5: #291f1e;

TAILWIND

colors: {
  'brand-1': '#965621',
  'brand-2': '#a3460b',
  'brand-3': '#8f2b1b',
  'brand-4': '#69534f',
  'brand-5': '#291f1e',
}

RGB Array

[150, 86, 33], [163, 70, 11], [143, 43, 27], [105, 83, 79], [41, 31, 30]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #965621, #A3460B, #8F2B1B, #69534F, #291F1E 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: #965621; --color-2: #a3460b; --color-3: #8f2b1b; --color-4: #69534f; --color-5: #291f1e. 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