← Back to Editor

#3B2E2E · #A81B2B · #C42018 · #8F5A06 · #116362

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#3B2E2E

Crimson · DarkSlateGray · Wine Red

HEX
#3B2E2E
RGB
rgb(59, 46, 46)
HSL
hsl(0, 12%, 21%)
HSB
hsb(0, 22%, 23%)
CMYK
cmyk(0%, 22%, 22%, 77%)
Oklch
oklch(31.6% 0.019 18.2)

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

#A81B2B

Vermilion · FireBrick · Wine Red

HEX
#A81B2B
RGB
rgb(168, 27, 43)
HSL
hsl(353, 72%, 38%)
HSB
hsb(353, 84%, 66%)
CMYK
cmyk(0%, 84%, 74%, 34%)
Oklch
oklch(47.4% 0.174 22.1)

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

#C42018

Vermilion · FireBrick · Passion Red

HEX
#C42018
RGB
rgb(196, 32, 24)
HSL
hsl(3, 78%, 43%)
HSB
hsb(3, 88%, 77%)
CMYK
cmyk(0%, 84%, 88%, 23%)
Oklch
oklch(52.8% 0.199 29.0)

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

#8F5A06

Ochre · Olive · Amber Brown

HEX
#8F5A06
RGB
rgb(143, 90, 6)
HSL
hsl(37, 92%, 29%)
HSB
hsb(37, 96%, 56%)
CMYK
cmyk(0%, 37%, 96%, 44%)
Oklch
oklch(51.5% 0.110 69.5)

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

#116362

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#116362
RGB
rgb(17, 99, 98)
HSL
hsl(179, 71%, 23%)
HSB
hsb(179, 83%, 39%)
CMYK
cmyk(83%, 0%, 1%, 61%)
Oklch
oklch(45.4% 0.073 193.6)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3B2E2E
2F3C3C

Analogous

3C2F36
3B2E2E
3C362F

Triadic

3B2E2E
2F3C2F
2F2F3C

Split-Comp.

3B2E2E
2F3C36
2F363C

Tetradic

3B2E2E
363C2F
2F3C3C
362F3C

Contrast Matrix WCAG 2.1 Contrast

3B2E2E
A81B2B
C42018
8F5A06
116362
—
1.8
Fail
2.2
Fail
2.2
Fail
1.8
Fail
1.8
Fail
—
1.2
Fail
1.3
Fail
1.0
Fail
2.2
Fail
1.2
Fail
—
1.0
Fail
1.2
Fail
2.2
Fail
1.3
Fail
1.0
Fail
—
1.2
Fail
1.8
Fail
1.0
Fail
1.2
Fail
1.2
Fail
—
White BG
13.0AAA
7.4AAA
5.9AA
5.8AA
7.0AAA
Black BG
1.6Fail
2.9Fail
3.6AA Large
3.6AA Large
3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

35352E
6B6A27
7D7C1A
78781A
353562

Deuteranopia

36372E
737E26
87931A
7B7F1F
302A62

Tritanopia

3A2E2E
A12423
BC1B1C
8C2A2E
156262

Achromatopsia

323232
474747
505050
606060
4A4A4A

Shades & Tints Shades & Tints

#3B2E2E

Dark
Light

#A81B2B

Dark
Light

#C42018

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3b2e2e;
  --color-2: #a81b2b;
  --color-3: #c42018;
  --color-4: #8f5a06;
  --color-5: #116362;
}

SCSS

$color-1: #3b2e2e;
$color-2: #a81b2b;
$color-3: #c42018;
$color-4: #8f5a06;
$color-5: #116362;

TAILWIND

colors: {
  'brand-1': '#3b2e2e',
  'brand-2': '#a81b2b',
  'brand-3': '#c42018',
  'brand-4': '#8f5a06',
  'brand-5': '#116362',
}

RGB Array

[59, 46, 46], [168, 27, 43], [196, 32, 24], [143, 90, 6], [17, 99, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3B2E2E, #A81B2B, #C42018, #8F5A06, #116362 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #3b2e2e; --color-2: #a81b2b; --color-3: #c42018; --color-4: #8f5a06; --color-5: #116362. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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