#611841 + #782A66 + #8249A6 + #7878AD + #6194AB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#611841

Rose Purple · Brown · Raspberry

HEX

#611841

RGB

rgb(97, 24, 65)

HSL

hsl(326, 60%, 24%)

HSB

hsb(326, 75%, 38%)

CMYK

cmyk(0%, 75%, 33%, 62%)

Oklch

oklch(34.4% 0.113 350.2)

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

#782A66

Rose Purple · Purple · Eggplant

HEX

#782A66

RGB

rgb(120, 42, 102)

HSL

hsl(314, 48%, 32%)

HSB

hsb(314, 65%, 47%)

CMYK

cmyk(0%, 65%, 15%, 53%)

Oklch

oklch(42.1% 0.131 337.9)

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

#8249A6

Dark Plum · SlateBlue · Violet

HEX

#8249A6

RGB

rgb(130, 73, 166)

HSL

hsl(277, 39%, 47%)

HSB

hsb(277, 56%, 65%)

CMYK

cmyk(22%, 56%, 0%, 35%)

Oklch

oklch(51.4% 0.150 310.5)

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

#7878AD

Deep Indigo · LightSlateGray · Navy Blue

HEX

#7878AD

RGB

rgb(120, 120, 173)

HSL

hsl(240, 24%, 57%)

HSB

hsb(240, 31%, 68%)

CMYK

cmyk(31%, 31%, 0%, 32%)

Oklch

oklch(59.4% 0.080 283.7)

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

#6194AB

Slate Blue · CadetBlue · Lake Green

HEX

#6194AB

RGB

rgb(97, 148, 171)

HSL

hsl(199, 31%, 53%)

HSB

hsb(199, 43%, 67%)

CMYK

cmyk(43%, 13%, 0%, 33%)

Oklch

oklch(63.9% 0.064 228.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

611841

186238

Analogous

5D1862

611841

62181D

Triadic

611841

426218

184262

Split-Comp.

611841

1D6218

18625D

Tetradic

611841

625D18

186238

181D62

Contrast Matrix WCAG 2.1 Contrast

611841	782A66	8249A6	7878AD	6194AB
—	1.4 Fail	2.0 Fail	3.0 Fail	3.7 AA Large
1.4 Fail	—	1.5 Fail	2.2 Fail	2.7 Fail
2.0 Fail	1.5 Fail	—	1.5 Fail	1.8 Fail
3.0 Fail	2.2 Fail	1.5 Fail	—	1.2 Fail
3.7 AA Large	2.7 Fail	1.8 Fail	1.2 Fail	—

White BG

12.2AAA

9.0AAA

6.1AA

4.1AA Large

3.3AA Large

Black BG

1.7Fail

2.3Fail

3.5AA Large

5.1AA

6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

414137

565657

69698F

7878A0

7778A5

Deuteranopia

464B35

5B6154

6D718A

78789D

7470A4

Tritanopia

5D2F2E

744C4A

7F7E7A

789694

64A1A0

Achromatopsia

333333

484848

656565

7E7E7E

878787

Shades & Tints Shades & Tints

#611841

Dark

Light

#782A66

Dark

Light

#8249A6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #611841;
  --color-2: #782a66;
  --color-3: #8249a6;
  --color-4: #7878ad;
  --color-5: #6194ab;
}

SCSS

$color-1: #611841;
$color-2: #782a66;
$color-3: #8249a6;
$color-4: #7878ad;
$color-5: #6194ab;

TAILWIND

colors: {
  'brand-1': '#611841',
  'brand-2': '#782a66',
  'brand-3': '#8249a6',
  'brand-4': '#7878ad',
  'brand-5': '#6194ab',
}

RGB Array

[97, 24, 65], [120, 42, 102], [130, 73, 166], [120, 120, 173], [97, 148, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #611841, #782A66, #8249A6, #7878AD, #6194AB 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: #611841; --color-2: #782a66; --color-3: #8249a6; --color-4: #7878ad; --color-5: #6194ab. 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