← Back to Editor

#6D0F42 · #803046 · #8F5757 · #745F5B · #544F4C

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

#6D0F42

Rose Purple · Purple · Raspberry

HEX
#6D0F42
RGB
rgb(109, 15, 66)
HSL
hsl(327, 76%, 24%)
HSB
hsb(327, 86%, 43%)
CMYK
cmyk(0%, 86%, 39%, 57%)
Oklch
oklch(35.9% 0.134 353.7)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#803046

Dark Violet · Brown · Camellia

HEX
#803046
RGB
rgb(128, 48, 70)
HSL
hsl(344, 45%, 35%)
HSB
hsb(344, 63%, 50%)
CMYK
cmyk(0%, 63%, 45%, 50%)
Oklch
oklch(42.9% 0.112 6.1)

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

#8F5757

Crimson · Sienna · Passion Red

HEX
#8F5757
RGB
rgb(143, 87, 87)
HSL
hsl(0, 24%, 45%)
HSB
hsb(0, 39%, 56%)
CMYK
cmyk(0%, 39%, 39%, 44%)
Oklch
oklch(52.0% 0.075 19.9)

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

#745F5B

Crimson · DimGray · Passion Red

HEX
#745F5B
RGB
rgb(116, 95, 91)
HSL
hsl(10, 12%, 41%)
HSB
hsb(10, 22%, 45%)
CMYK
cmyk(0%, 18%, 22%, 55%)
Oklch
oklch(50.5% 0.028 30.7)

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

#544F4C

Ink Gray · DarkSlateGray · Charcoal

HEX
#544F4C
RGB
rgb(84, 79, 76)
HSL
hsl(23, 5%, 31%)
HSB
hsb(23, 10%, 33%)
CMYK
cmyk(0%, 6%, 10%, 67%)
Oklch
oklch(43.1% 0.008 53.3)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6D0F42
0F6C39

Analogous

670F6C
6D0F42
6C0F13

Triadic

6D0F42
426C0F
0F426C

Split-Comp.

6D0F42
136C0F
0F6C67

Tetradic

6D0F42
6C670F
0F6C39
0F136C

Contrast Matrix WCAG 2.1 Contrast

6D0F42
803046
8F5757
745F5B
544F4C
—
1.4
Fail
2.0
Fail
2.0
Fail
1.4
Fail
1.4
Fail
—
1.5
Fail
1.5
Fail
1.1
Fail
2.0
Fail
1.5
Fail
—
1.0
Fail
1.4
Fail
2.0
Fail
1.5
Fail
1.0
Fail
—
1.4
Fail
1.4
Fail
1.1
Fail
1.4
Fail
1.4
Fail
—
White BG
11.7AAA
8.6AAA
5.7AA
5.9AA
8.1AAA
Black BG
1.8Fail
2.4Fail
3.7AA Large
3.5AA Large
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

444336
5D5D41
777657
6B6B5C
52524D

Deuteranopia

4A5133
62683F
7A7E57
6C6E5C
52534D

Tritanopia

682C2A
7C3C3C
8C5757
735D5D
544D4D

Achromatopsia

313131
4A4A4A
686868
656565
505050

Shades & Tints Shades & Tints

#6D0F42

Dark
Light

#803046

Dark
Light

#8F5757

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6d0f42;
  --color-2: #803046;
  --color-3: #8f5757;
  --color-4: #745f5b;
  --color-5: #544f4c;
}

SCSS

$color-1: #6d0f42;
$color-2: #803046;
$color-3: #8f5757;
$color-4: #745f5b;
$color-5: #544f4c;

TAILWIND

colors: {
  'brand-1': '#6d0f42',
  'brand-2': '#803046',
  'brand-3': '#8f5757',
  'brand-4': '#745f5b',
  'brand-5': '#544f4c',
}

RGB Array

[109, 15, 66], [128, 48, 70], [143, 87, 87], [116, 95, 91], [84, 79, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6D0F42, #803046, #8F5757, #745F5B, #544F4C 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: #6d0f42; --color-2: #803046; --color-3: #8f5757; --color-4: #745f5b; --color-5: #544f4c. 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