← Back to Editor

#2A2220 · #662334 · #941E2C · #9F2E28 · #7F735B

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

#2A2220

Crimson · Black · Deep Berry

HEX
#2A2220
RGB
rgb(42, 34, 32)
HSL
hsl(12, 14%, 15%)
HSB
hsb(12, 24%, 16%)
CMYK
cmyk(0%, 19%, 24%, 84%)
Oklch
oklch(26.0% 0.013 34.3)

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

#662334

Crimson · Brown · Wine Red

HEX
#662334
RGB
rgb(102, 35, 52)
HSL
hsl(345, 49%, 27%)
HSB
hsb(345, 66%, 40%)
CMYK
cmyk(0%, 66%, 49%, 60%)
Oklch
oklch(36.2% 0.097 7.8)

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

#941E2C

Vermilion · Brown · Wine Red

HEX
#941E2C
RGB
rgb(148, 30, 44)
HSL
hsl(353, 66%, 35%)
HSB
hsb(353, 80%, 58%)
CMYK
cmyk(0%, 80%, 70%, 42%)
Oklch
oklch(43.9% 0.153 20.4)

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

#9F2E28

Crimson · Brown · Wine Red

HEX
#9F2E28
RGB
rgb(159, 46, 40)
HSL
hsl(3, 60%, 39%)
HSB
hsb(3, 75%, 62%)
CMYK
cmyk(0%, 71%, 75%, 38%)
Oklch
oklch(47.4% 0.150 27.5)

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

#7F735B

Ochre · DimGray · Honey Gold

HEX
#7F735B
RGB
rgb(127, 115, 91)
HSL
hsl(40, 17%, 43%)
HSB
hsb(40, 28%, 50%)
CMYK
cmyk(0%, 9%, 28%, 50%)
Oklch
oklch(56.0% 0.038 84.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2A2220
21292C

Analogous

2C2124
2A2220
2C2821

Triadic

2A2220
212C23
23212C

Split-Comp.

2A2220
212C28
21242C

Tetradic

2A2220
242C21
21292C
28212C

Contrast Matrix WCAG 2.1 Contrast

2A2220
662334
941E2C
9F2E28
7F735B
—
1.4
Fail
1.8
Fail
2.1
Fail
3.3
AA Large
1.4
Fail
—
1.3
Fail
1.6
Fail
2.4
Fail
1.8
Fail
1.3
Fail
—
1.2
Fail
1.8
Fail
2.1
Fail
1.6
Fail
1.2
Fail
—
1.6
Fail
3.3
AA Large
2.4
Fail
1.8
Fail
1.6
Fail
—
White BG
15.6AAA
11.3AAA
8.5AAA
7.3AAA
4.7AA
Black BG
1.3Fail
1.9Fail
2.5Fail
2.9Fail
4.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

272620
494830
616029
6E6D29
7A7A61

Deuteranopia

272821
4D522F
687128
757D2A
7B7B62

Tritanopia

2A2121
632D2C
8E2625
992B2B
7E6566

Achromatopsia

242424
393939
434343
4F4F4F
747474

Shades & Tints Shades & Tints

#2A2220

Dark
Light

#662334

Dark
Light

#941E2C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2a2220;
  --color-2: #662334;
  --color-3: #941e2c;
  --color-4: #9f2e28;
  --color-5: #7f735b;
}

SCSS

$color-1: #2a2220;
$color-2: #662334;
$color-3: #941e2c;
$color-4: #9f2e28;
$color-5: #7f735b;

TAILWIND

colors: {
  'brand-1': '#2a2220',
  'brand-2': '#662334',
  'brand-3': '#941e2c',
  'brand-4': '#9f2e28',
  'brand-5': '#7f735b',
}

RGB Array

[42, 34, 32], [102, 35, 52], [148, 30, 44], [159, 46, 40], [127, 115, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2A2220, #662334, #941E2C, #9F2E28, #7F735B 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: #2a2220; --color-2: #662334; --color-3: #941e2c; --color-4: #9f2e28; --color-5: #7f735b. 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