← Back to Editor

#961C0F · #D8C092 · #6A6351 · #504736 · #2B241A

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

#961C0F

Vermilion · DarkRed · Wine Red

HEX
#961C0F
RGB
rgb(150, 28, 15)
HSL
hsl(6, 82%, 32%)
HSB
hsb(6, 90%, 59%)
CMYK
cmyk(0%, 81%, 90%, 41%)
Oklch
oklch(43.8% 0.159 30.4)

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

#D8C092

Goose Yellow · Tan · Warm Sun

HEX
#D8C092
RGB
rgb(216, 192, 146)
HSL
hsl(39, 47%, 71%)
HSB
hsb(39, 32%, 85%)
CMYK
cmyk(0%, 11%, 32%, 15%)
Oklch
oklch(81.7% 0.067 83.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#6A6351

Ochre · DimGray · Honey Gold

HEX
#6A6351
RGB
rgb(106, 99, 81)
HSL
hsl(43, 13%, 37%)
HSB
hsb(43, 24%, 42%)
CMYK
cmyk(0%, 7%, 24%, 58%)
Oklch
oklch(50.1% 0.029 89.3)

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

#504736

Ochre · DarkOliveGreen · Amber Brown

HEX
#504736
RGB
rgb(80, 71, 54)
HSL
hsl(39, 19%, 26%)
HSB
hsb(39, 33%, 31%)
CMYK
cmyk(0%, 11%, 32%, 69%)
Oklch
oklch(40.2% 0.030 83.2)

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

#2B241A

Ochre · Black · Cinnamon

HEX
#2B241A
RGB
rgb(43, 36, 26)
HSL
hsl(35, 25%, 14%)
HSB
hsb(35, 40%, 17%)
CMYK
cmyk(0%, 16%, 40%, 83%)
Oklch
oklch(26.5% 0.021 76.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

961C0F
0F8795

Analogous

950F44
961C0F
955F0F

Triadic

961C0F
0F951C
1C0F95

Split-Comp.

961C0F
0F955F
0F4495

Tetradic

961C0F
44950F
0F8795
5F0F95

Contrast Matrix WCAG 2.1 Contrast

961C0F
D8C092
6A6351
504736
2B241A
—
4.8
AA
1.4
Fail
1.1
Fail
1.8
Fail
4.8
AA
—
3.4
AA Large
5.2
AA
8.7
AAA
1.4
Fail
3.4
AA Large
—
1.5
Fail
2.6
Fail
1.1
Fail
5.2
AA
1.5
Fail
—
1.7
Fail
1.8
Fail
8.7
AAA
2.6
Fail
1.7
Fail
—
White BG
8.5AAA
1.8Fail
6.0AA
9.1AAA
15.3AAA
Black BG
2.5Fail
11.9AAA
3.5AA Large
2.3Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

616012
CECD9D
676755
4C4C3A
28281C

Deuteranopia

687113
CFD1A0
676856
4D4D3B
28291D

Tritanopia

901515
D7A6A8
6A595A
503D3E
2B1E1F

Achromatopsia

3F3F3F
C2C2C2
636363
484848
252525

Shades & Tints Shades & Tints

#961C0F

Dark
Light

#D8C092

Dark
Light

#6A6351

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #961c0f;
  --color-2: #d8c092;
  --color-3: #6a6351;
  --color-4: #504736;
  --color-5: #2b241a;
}

SCSS

$color-1: #961c0f;
$color-2: #d8c092;
$color-3: #6a6351;
$color-4: #504736;
$color-5: #2b241a;

TAILWIND

colors: {
  'brand-1': '#961c0f',
  'brand-2': '#d8c092',
  'brand-3': '#6a6351',
  'brand-4': '#504736',
  'brand-5': '#2b241a',
}

RGB Array

[150, 28, 15], [216, 192, 146], [106, 99, 81], [80, 71, 54], [43, 36, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #961C0F, #D8C092, #6A6351, #504736, #2B241A 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: #961c0f; --color-2: #d8c092; --color-3: #6a6351; --color-4: #504736; --color-5: #2b241a. 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