← Back to Editor

#61345B · #A53160 · #C270A1 · #E6CFDF · #9A2953

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

#61345B

Rose Purple · DarkSlateBlue · Eggplant

HEX
#61345B
RGB
rgb(97, 52, 91)
HSL
hsl(308, 30%, 29%)
HSB
hsb(308, 46%, 38%)
CMYK
cmyk(0%, 46%, 6%, 62%)
Oklch
oklch(39.7% 0.085 332.1)

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

#A53160

Dark Violet · Brown · Camellia

HEX
#A53160
RGB
rgb(165, 49, 96)
HSL
hsl(336, 54%, 42%)
HSB
hsb(336, 70%, 65%)
CMYK
cmyk(0%, 70%, 42%, 35%)
Oklch
oklch(50.0% 0.156 359.8)

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

#C270A1

Rose Purple · MediumOrchid · Rose Pink

HEX
#C270A1
RGB
rgb(194, 112, 161)
HSL
hsl(324, 40%, 60%)
HSB
hsb(324, 42%, 76%)
CMYK
cmyk(0%, 42%, 17%, 24%)
Oklch
oklch(65.1% 0.120 344.2)

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

#E6CFDF

Mauve · LightGray · Lavender

HEX
#E6CFDF
RGB
rgb(230, 207, 223)
HSL
hsl(318, 32%, 86%)
HSB
hsb(318, 10%, 90%)
CMYK
cmyk(0%, 10%, 3%, 10%)
Oklch
oklch(87.8% 0.033 336.7)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#9A2953

Dark Violet · Brown · Camellia

HEX
#9A2953
RGB
rgb(154, 41, 83)
HSL
hsl(338, 58%, 38%)
HSB
hsb(338, 73%, 60%)
CMYK
cmyk(0%, 73%, 46%, 40%)
Oklch
oklch(46.9% 0.152 2.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

61345B
34603A

Analogous

503460
61345B
603444

Triadic

61345B
5A6034
345A60

Split-Comp.

61345B
446034
346050

Tetradic

61345B
605034
34603A
344460

Contrast Matrix WCAG 2.1 Contrast

61345B
A53160
C270A1
E6CFDF
9A2953
—
1.5
Fail
2.8
Fail
6.7
AA
1.3
Fail
1.5
Fail
—
1.9
Fail
4.5
AA Large
1.1
Fail
2.8
Fail
1.9
Fail
—
2.3
Fail
2.2
Fail
6.7
AA
4.5
AA Large
2.3
Fail
—
5.1
AA
1.3
Fail
1.1
Fail
2.2
Fail
5.1
AA
—
White BG
9.8AAA
6.5AA
3.4AA Large
1.5Fail
7.5AAA
Black BG
2.2Fail
3.2AA Large
6.1AA
14.4AAA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4D52
737255
9E9E95
DCDCDB
696849

Deuteranopia

50534F
7A8252
A3A992
DDDFDA
707846

Tritanopia

5F4A48
9F4C4A
BE8C8A
E5D8D7
94413F

Achromatopsia

464646
595959
8E8E8E
D8D8D8
505050

Shades & Tints Shades & Tints

#61345B

Dark
Light

#A53160

Dark
Light

#C270A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #61345b;
  --color-2: #a53160;
  --color-3: #c270a1;
  --color-4: #e6cfdf;
  --color-5: #9a2953;
}

SCSS

$color-1: #61345b;
$color-2: #a53160;
$color-3: #c270a1;
$color-4: #e6cfdf;
$color-5: #9a2953;

TAILWIND

colors: {
  'brand-1': '#61345b',
  'brand-2': '#a53160',
  'brand-3': '#c270a1',
  'brand-4': '#e6cfdf',
  'brand-5': '#9a2953',
}

RGB Array

[97, 52, 91], [165, 49, 96], [194, 112, 161], [230, 207, 223], [154, 41, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #61345B, #A53160, #C270A1, #E6CFDF, #9A2953 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: #61345b; --color-2: #a53160; --color-3: #c270a1; --color-4: #e6cfdf; --color-5: #9a2953. 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