#80036D + #AB1F7E + #D63072 + #8380A1 + #49B8C1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#80036D

Rose Purple · Purple · Eggplant

HEX

#80036D

RGB

rgb(128, 3, 109)

HSL

hsl(309, 95%, 26%)

HSB

hsb(309, 98%, 50%)

CMYK

cmyk(0%, 98%, 15%, 50%)

Oklch

oklch(41.0% 0.179 336.6)

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

#AB1F7E

Rose Purple · MediumVioletRed · Eggplant

HEX

#AB1F7E

RGB

rgb(171, 31, 126)

HSL

hsl(319, 69%, 40%)

HSB

hsb(319, 82%, 67%)

CMYK

cmyk(0%, 82%, 26%, 33%)

Oklch

oklch(50.7% 0.195 345.0)

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

#D63072

Dark Violet · MediumVioletRed · Rose Pink

HEX

#D63072

RGB

rgb(214, 48, 114)

HSL

hsl(336, 67%, 51%)

HSB

hsb(336, 78%, 84%)

CMYK

cmyk(0%, 78%, 47%, 16%)

Oklch

oklch(58.8% 0.205 2.4)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#8380A1

Deep Indigo · LightSlateGray · Navy Blue

HEX

#8380A1

RGB

rgb(131, 128, 161)

HSL

hsl(245, 15%, 57%)

HSB

hsb(245, 20%, 63%)

CMYK

cmyk(19%, 20%, 0%, 37%)

Oklch

oklch(61.4% 0.050 289.0)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#49B8C1

Slate Blue · MediumTurquoise · Lake Green

HEX

#49B8C1

RGB

rgb(73, 184, 193)

HSL

hsl(185, 49%, 52%)

HSB

hsb(185, 62%, 76%)

CMYK

cmyk(62%, 5%, 0%, 24%)

Oklch

oklch(72.3% 0.100 202.7)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

80036D

038116

Analogous

550381

80036D

81032F

Triadic

80036D

6E8103

036E81

Split-Comp.

80036D

2F8103

038155

Tetradic

80036D

815503

038116

032F81

Contrast Matrix WCAG 2.1 Contrast

80036D	AB1F7E	D63072	8380A1	49B8C1
—	1.5 Fail	2.1 Fail	2.6 Fail	4.1 AA Large
1.5 Fail	—	1.4 Fail	1.7 Fail	2.8 Fail
2.1 Fail	1.4 Fail	—	1.2 Fail	2.0 Fail
2.6 Fail	1.7 Fail	1.2 Fail	—	1.6 Fail
4.1 AA Large	2.8 Fail	2.0 Fail	1.6 Fail	—

White BG

9.8AAA

6.5AA

4.6AA

3.8AA Large

2.4Fail

Black BG

2.2Fail

3.2AA Large

4.5AA

5.6AA

8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A4953

6E6D67

8E8D62

828299

797ABF

Deuteranopia

515B4D

778161

98A45E

828297

736ABE

Tritanopia

7A3F3B

A45551

CE5553

839391

4FBDBD

Achromatopsia

343434

545454

696969

858585

989898

Shades & Tints Shades & Tints

#80036D

Dark

Light

#AB1F7E

Dark

Light

#D63072

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #80036d;
  --color-2: #ab1f7e;
  --color-3: #d63072;
  --color-4: #8380a1;
  --color-5: #49b8c1;
}

SCSS

$color-1: #80036d;
$color-2: #ab1f7e;
$color-3: #d63072;
$color-4: #8380a1;
$color-5: #49b8c1;

TAILWIND

colors: {
  'brand-1': '#80036d',
  'brand-2': '#ab1f7e',
  'brand-3': '#d63072',
  'brand-4': '#8380a1',
  'brand-5': '#49b8c1',
}

RGB Array

[128, 3, 109], [171, 31, 126], [214, 48, 114], [131, 128, 161], [73, 184, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #80036D, #AB1F7E, #D63072, #8380A1, #49B8C1 is ideal for: corporate websites, product showcases, portfolios. 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: #80036d; --color-2: #ab1f7e; --color-3: #d63072; --color-4: #8380a1; --color-5: #49b8c1. 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. 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