← Back to Editor

#8D3B3F · #32191F · #50393F · #635552 · #C1B891

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#8D3B3F

Crimson · Sienna · Wine Red

HEX
#8D3B3F
RGB
rgb(141, 59, 63)
HSL
hsl(357, 41%, 39%)
HSB
hsb(357, 58%, 55%)
CMYK
cmyk(0%, 58%, 55%, 45%)
Oklch
oklch(46.4% 0.112 19.6)

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

#32191F

Crimson · Black · Deep Berry

HEX
#32191F
RGB
rgb(50, 25, 31)
HSL
hsl(346, 33%, 15%)
HSB
hsb(346, 50%, 20%)
CMYK
cmyk(0%, 50%, 38%, 80%)
Oklch
oklch(25.0% 0.041 5.0)

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

#50393F

Dark Violet · DarkSlateGray · Camellia

HEX
#50393F
RGB
rgb(80, 57, 63)
HSL
hsl(344, 17%, 27%)
HSB
hsb(344, 29%, 31%)
CMYK
cmyk(0%, 29%, 21%, 69%)
Oklch
oklch(37.3% 0.034 1.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#635552

Crimson · DimGray · Charcoal

HEX
#635552
RGB
rgb(99, 85, 82)
HSL
hsl(11, 9%, 35%)
HSB
hsb(11, 17%, 39%)
CMYK
cmyk(0%, 14%, 17%, 61%)
Oklch
oklch(46.2% 0.019 32.1)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

#C1B891

Ginger · Tan · Sunflower

HEX
#C1B891
RGB
rgb(193, 184, 145)
HSL
hsl(49, 28%, 66%)
HSB
hsb(49, 25%, 76%)
CMYK
cmyk(0%, 5%, 25%, 24%)
Oklch
oklch(78.0% 0.054 96.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8D3B3F
3B8C88

Analogous

8C3B68
8D3B3F
8C5F3B

Triadic

8D3B3F
3F8C3B
3B3F8C

Split-Comp.

8D3B3F
3B8C5F
3B688C

Tetradic

8D3B3F
688C3B
3B8C88
5F3B8C

Contrast Matrix WCAG 2.1 Contrast

8D3B3F
32191F
50393F
635552
C1B891
—
2.2
Fail
1.4
Fail
1.0
Fail
3.7
AA Large
2.2
Fail
—
1.5
Fail
2.3
Fail
8.1
AAA
1.4
Fail
1.5
Fail
—
1.5
Fail
5.3
AA
1.0
Fail
2.3
Fail
1.5
Fail
—
3.6
AA Large
3.7
AA Large
8.1
AAA
5.3
AA
3.6
AA Large
—
White BG
7.4AAA
16.2AAA
10.5AAA
7.1AAA
2.0Fail
Black BG
2.8Fail
1.3Fail
2.0Fail
3.0Fail
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

69693E
27271E
46463E
5D5D53
BDBD9A

Deuteranopia

6E743E
292B1D
47493D
5E5F53
BEBE9D

Tritanopia

893D3D
311C1C
4F3C3C
625353
C1A2A4

Achromatopsia

545454
212121
414141
595959
B6B6B6

Shades & Tints Shades & Tints

#8D3B3F

Dark
Light

#32191F

Dark
Light

#50393F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8d3b3f;
  --color-2: #32191f;
  --color-3: #50393f;
  --color-4: #635552;
  --color-5: #c1b891;
}

SCSS

$color-1: #8d3b3f;
$color-2: #32191f;
$color-3: #50393f;
$color-4: #635552;
$color-5: #c1b891;

TAILWIND

colors: {
  'brand-1': '#8d3b3f',
  'brand-2': '#32191f',
  'brand-3': '#50393f',
  'brand-4': '#635552',
  'brand-5': '#c1b891',
}

RGB Array

[141, 59, 63], [50, 25, 31], [80, 57, 63], [99, 85, 82], [193, 184, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8D3B3F, #32191F, #50393F, #635552, #C1B891 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #8d3b3f; --color-2: #32191f; --color-3: #50393f; --color-4: #635552; --color-5: #c1b891. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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