← Back to Editor

#5C1831 · #803642 · #A6654F · #BF9B68 · #C4BFA8

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

#5C1831

Dark Violet · Maroon · Raspberry

HEX
#5C1831
RGB
rgb(92, 24, 49)
HSL
hsl(338, 59%, 23%)
HSB
hsb(338, 74%, 36%)
CMYK
cmyk(0%, 74%, 47%, 64%)
Oklch
oklch(32.9% 0.101 2.0)

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

#803642

Crimson · Brown · Wine Red

HEX
#803642
RGB
rgb(128, 54, 66)
HSL
hsl(350, 41%, 36%)
HSB
hsb(350, 58%, 50%)
CMYK
cmyk(0%, 58%, 48%, 50%)
Oklch
oklch(43.7% 0.103 12.3)

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

#A6654F

Tangerine · Sienna · Amber Brown

HEX
#A6654F
RGB
rgb(166, 101, 79)
HSL
hsl(15, 36%, 48%)
HSB
hsb(15, 52%, 65%)
CMYK
cmyk(0%, 39%, 52%, 35%)
Oklch
oklch(57.3% 0.091 39.4)

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

#BF9B68

Ginger · DarkSalmon · Warm Sun

HEX
#BF9B68
RGB
rgb(191, 155, 104)
HSL
hsl(35, 40%, 58%)
HSB
hsb(35, 46%, 75%)
CMYK
cmyk(0%, 19%, 46%, 25%)
Oklch
oklch(71.1% 0.080 75.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#C4BFA8

Goose Yellow · Silver · Sunflower

HEX
#C4BFA8
RGB
rgb(196, 191, 168)
HSL
hsl(49, 19%, 71%)
HSB
hsb(49, 14%, 77%)
CMYK
cmyk(0%, 3%, 14%, 23%)
Oklch
oklch(80.2% 0.032 96.9)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5C1831
185D44

Analogous

5D1854
5C1831
5D2118

Triadic

5C1831
315D18
18315D

Split-Comp.

5C1831
185D21
18545D

Tetradic

5C1831
545D18
185D44
21185D

Contrast Matrix WCAG 2.1 Contrast

5C1831
803642
A6654F
BF9B68
C4BFA8
—
1.5
Fail
2.8
Fail
5.0
AA
7.0
AA
1.5
Fail
—
1.8
Fail
3.2
AA Large
4.5
AA
2.8
Fail
1.8
Fail
—
1.8
Fail
2.5
Fail
5.0
AA
3.2
AA Large
1.8
Fail
—
1.4
Fail
7.0
AA
4.5
AA
2.5
Fail
1.4
Fail
—
White BG
12.9AAA
8.3AAA
4.6AA
2.6Fail
1.8Fail
Black BG
1.6Fail
2.5Fail
4.6AA
8.1AAA
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F3E2B
605F3F
8A8954
AFAF74
C2C2AE

Deuteranopia

43482A
646A3E
8E9356
B2B477
C2C3AF

Tritanopia

592625
7C3D3C
A35959
BD7E80
C4B2B3

Achromatopsia

2F2F2F
4D4D4D
767676
A0A0A0
BEBEBE

Shades & Tints Shades & Tints

#5C1831

Dark
Light

#803642

Dark
Light

#A6654F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5c1831;
  --color-2: #803642;
  --color-3: #a6654f;
  --color-4: #bf9b68;
  --color-5: #c4bfa8;
}

SCSS

$color-1: #5c1831;
$color-2: #803642;
$color-3: #a6654f;
$color-4: #bf9b68;
$color-5: #c4bfa8;

TAILWIND

colors: {
  'brand-1': '#5c1831',
  'brand-2': '#803642',
  'brand-3': '#a6654f',
  'brand-4': '#bf9b68',
  'brand-5': '#c4bfa8',
}

RGB Array

[92, 24, 49], [128, 54, 66], [166, 101, 79], [191, 155, 104], [196, 191, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5C1831, #803642, #A6654F, #BF9B68, #C4BFA8 is ideal for: 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: #5c1831; --color-2: #803642; --color-3: #a6654f; --color-4: #bf9b68; --color-5: #c4bfa8. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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