← Back to Editor

#6B1B38 · #694641 · #785C3D · #8A7E48 · #A1945C

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

#6B1B38

Dark Violet · Brown · Camellia

HEX
#6B1B38
RGB
rgb(107, 27, 56)
HSL
hsl(338, 60%, 26%)
HSB
hsb(338, 75%, 42%)
CMYK
cmyk(0%, 75%, 48%, 58%)
Oklch
oklch(36.2% 0.115 2.9)

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

#694641

Crimson · DarkOliveGreen · Wine Red

HEX
#694641
RGB
rgb(105, 70, 65)
HSL
hsl(8, 24%, 33%)
HSB
hsb(8, 38%, 41%)
CMYK
cmyk(0%, 33%, 38%, 59%)
Oklch
oklch(43.2% 0.049 28.3)

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

#785C3D

Ochre · DarkOliveGreen · Amber Brown

HEX
#785C3D
RGB
rgb(120, 92, 61)
HSL
hsl(32, 33%, 35%)
HSB
hsb(32, 49%, 47%)
CMYK
cmyk(0%, 23%, 49%, 53%)
Oklch
oklch(49.6% 0.058 68.7)

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

#8A7E48

Ochre · DimGray · Honey Gold

HEX
#8A7E48
RGB
rgb(138, 126, 72)
HSL
hsl(49, 31%, 41%)
HSB
hsb(49, 48%, 54%)
CMYK
cmyk(0%, 9%, 48%, 46%)
Oklch
oklch(59.1% 0.075 97.2)

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

#A1945C

Ochre · Gray · Honey Gold

HEX
#A1945C
RGB
rgb(161, 148, 92)
HSL
hsl(49, 27%, 50%)
HSB
hsb(49, 43%, 63%)
CMYK
cmyk(0%, 8%, 43%, 37%)
Oklch
oklch(66.5% 0.077 96.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6B1B38
1B6A4D

Analogous

6A1B5F
6B1B38
6A251B

Triadic

6B1B38
386A1B
1B386A

Split-Comp.

6B1B38
1B6A25
1B5F6A

Tetradic

6B1B38
5F6A1B
1B6A4D
251B6A

Contrast Matrix WCAG 2.1 Contrast

6B1B38
694641
785C3D
8A7E48
A1945C
—
1.4
Fail
1.8
Fail
2.8
Fail
3.8
AA Large
1.4
Fail
—
1.3
Fail
2.0
Fail
2.7
Fail
1.8
Fail
1.3
Fail
—
1.5
Fail
2.0
Fail
2.8
Fail
2.0
Fail
1.5
Fail
—
1.3
Fail
3.8
AA Large
2.7
Fail
2.0
Fail
1.3
Fail
—
White BG
11.4AAA
8.2AAA
6.2AA
4.1AA Large
3.0AA Large
Black BG
1.8Fail
2.6Fail
3.4AA Large
5.2AA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

484831
5A5A42
6C6C45
858555
9B9B6A

Deuteranopia

4D532F
5C5F43
6E7046
868658
9C9D6D

Tritanopia

672B2A
674343
774A4C
895F62
A07477

Achromatopsia

363636
505050
616161
7B7B7B
929292

Shades & Tints Shades & Tints

#6B1B38

Dark
Light

#694641

Dark
Light

#785C3D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6b1b38;
  --color-2: #694641;
  --color-3: #785c3d;
  --color-4: #8a7e48;
  --color-5: #a1945c;
}

SCSS

$color-1: #6b1b38;
$color-2: #694641;
$color-3: #785c3d;
$color-4: #8a7e48;
$color-5: #a1945c;

TAILWIND

colors: {
  'brand-1': '#6b1b38',
  'brand-2': '#694641',
  'brand-3': '#785c3d',
  'brand-4': '#8a7e48',
  'brand-5': '#a1945c',
}

RGB Array

[107, 27, 56], [105, 70, 65], [120, 92, 61], [138, 126, 72], [161, 148, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6B1B38, #694641, #785C3D, #8A7E48, #A1945C 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: #6b1b38; --color-2: #694641; --color-3: #785c3d; --color-4: #8a7e48; --color-5: #a1945c. 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