← Back to Editor

#C7A1C1 · #85497A · #612C5C · #4F1349 · #1D071B

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

#C7A1C1

Mauve · Silver · Lilac Purple

HEX
#C7A1C1
RGB
rgb(199, 161, 193)
HSL
hsl(309, 25%, 71%)
HSB
hsb(309, 19%, 78%)
CMYK
cmyk(0%, 19%, 3%, 22%)
Oklch
oklch(75.3% 0.062 331.6)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#85497A

Rose Purple · DimGray · Eggplant

HEX
#85497A
RGB
rgb(133, 73, 122)
HSL
hsl(311, 29%, 40%)
HSB
hsb(311, 45%, 52%)
CMYK
cmyk(0%, 45%, 8%, 48%)
Oklch
oklch(49.5% 0.105 334.2)

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

#612C5C

Rose Purple · DarkSlateBlue · Eggplant

HEX
#612C5C
RGB
rgb(97, 44, 92)
HSL
hsl(306, 38%, 28%)
HSB
hsb(306, 55%, 38%)
CMYK
cmyk(0%, 55%, 5%, 62%)
Oklch
oklch(38.4% 0.102 331.0)

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

#4F1349

Rose Purple · MidnightBlue · Dark Purple

HEX
#4F1349
RGB
rgb(79, 19, 73)
HSL
hsl(306, 61%, 19%)
HSB
hsb(306, 76%, 31%)
CMYK
cmyk(0%, 76%, 8%, 69%)
Oklch
oklch(31.1% 0.113 332.3)

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

#1D071B

Rose Purple · Black · Dark Purple

HEX
#1D071B
RGB
rgb(29, 7, 27)
HSL
hsl(305, 61%, 7%)
HSB
hsb(305, 76%, 11%)
CMYK
cmyk(0%, 76%, 7%, 89%)
Oklch
oklch(17.7% 0.051 331.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7A1C1
A3C8A8

Analogous

BBA3C8
C7A1C1
C8A3B0

Triadic

C7A1C1
C2C8A3
A3C2C8

Split-Comp.

C7A1C1
B0C8A3
A3C8BB

Tetradic

C7A1C1
C8BBA3
A3C8A8
A3B0C8

Contrast Matrix WCAG 2.1 Contrast

C7A1C1
85497A
612C5C
4F1349
1D071B
—
2.9
Fail
4.6
AA
6.1
AA
8.5
AAA
2.9
Fail
—
1.6
Fail
2.1
Fail
2.9
Fail
4.6
AA
1.6
Fail
—
1.3
Fail
1.8
Fail
6.1
AA
2.1
Fail
1.3
Fail
—
1.4
Fail
8.5
AAA
2.9
Fail
1.8
Fail
1.4
Fail
—
White BG
2.3Fail
6.5AA
10.4AAA
13.8AAA
19.1AAA
Black BG
9.3AAA
3.2AA Large
2.0Fail
1.5Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B6B9
6B6A6E
4A4A50
35343C
131316

Deuteranopia

B9BCB7
6F736B
4D514E
393D39
151615

Tritanopia

C5B3B2
826563
5E4745
4C322F
1C1212

Achromatopsia

B0B0B0
616161
414141
2B2B2B
101010

Shades & Tints Shades & Tints

#C7A1C1

Dark
Light

#85497A

Dark
Light

#612C5C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7a1c1;
  --color-2: #85497a;
  --color-3: #612c5c;
  --color-4: #4f1349;
  --color-5: #1d071b;
}

SCSS

$color-1: #c7a1c1;
$color-2: #85497a;
$color-3: #612c5c;
$color-4: #4f1349;
$color-5: #1d071b;

TAILWIND

colors: {
  'brand-1': '#c7a1c1',
  'brand-2': '#85497a',
  'brand-3': '#612c5c',
  'brand-4': '#4f1349',
  'brand-5': '#1d071b',
}

RGB Array

[199, 161, 193], [133, 73, 122], [97, 44, 92], [79, 19, 73], [29, 7, 27]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C7A1C1, #85497A, #612C5C, #4F1349, #1D071B is ideal for: tech websites, dark mode UIs, game UIs, 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: #c7a1c1; --color-2: #85497a; --color-3: #612c5c; --color-4: #4f1349; --color-5: #1d071b. 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 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