#8D0362 + #85357F + #7F5792 + #778AAE + #6FBCCB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#8D0362

Rose Purple · Purple · Eggplant

HEX

#8D0362

RGB

rgb(141, 3, 98)

HSL

hsl(319, 96%, 28%)

HSB

hsb(319, 98%, 55%)

CMYK

cmyk(0%, 98%, 30%, 45%)

Oklch

oklch(42.8% 0.179 346.8)

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

#85357F

Rose Purple · Purple · Eggplant

HEX

#85357F

RGB

rgb(133, 53, 127)

HSL

hsl(305, 43%, 36%)

HSB

hsb(305, 60%, 52%)

CMYK

cmyk(0%, 60%, 5%, 48%)

Oklch

oklch(46.8% 0.144 330.6)

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

#7F5792

Dark Plum · SlateGray · Violet

HEX

#7F5792

RGB

rgb(127, 87, 146)

HSL

hsl(281, 25%, 46%)

HSB

hsb(281, 40%, 57%)

CMYK

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

Oklch

oklch(52.3% 0.101 314.3)

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

#778AAE

Azure · LightSlateGray · Navy Blue

HEX

#778AAE

RGB

rgb(119, 138, 174)

HSL

hsl(219, 25%, 57%)

HSB

hsb(219, 32%, 68%)

CMYK

cmyk(32%, 21%, 0%, 32%)

Oklch

oklch(63.2% 0.059 263.0)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#6FBCCB

Sky Blue · MediumAquaMarine · Lake Green

HEX

#6FBCCB

RGB

rgb(111, 188, 203)

HSL

hsl(190, 47%, 62%)

HSB

hsb(190, 45%, 80%)

CMYK

cmyk(45%, 7%, 0%, 20%)

Oklch

oklch(75.1% 0.079 211.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8D0362

038C2E

Analogous

73038C

8D0362

8C031C

Triadic

8D0362

618C03

03618C

Split-Comp.

8D0362

1C8C03

038C73

Tetradic

8D0362

8C7303

038C2E

031C8C

Contrast Matrix WCAG 2.1 Contrast

8D0362	85357F	7F5792	778AAE	6FBCCB
—	1.2 Fail	1.6 Fail	2.6 Fail	4.2 AA Large
1.2 Fail	—	1.3 Fail	2.1 Fail	3.5 AA Large
1.6 Fail	1.3 Fail	—	1.6 Fail	2.6 Fail
2.6 Fail	2.1 Fail	1.6 Fail	—	1.6 Fail
4.2 AA Large	3.5 AA Large	2.6 Fail	1.6 Fail	—

White BG

9.0AAA

7.5AAA

5.7AA

3.5AA Large

2.2Fail

Black BG

2.3Fail

2.8Fail

3.7AA Large

6.0AA

9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

51504B

62626D

6E6D84

7F7FA5

9091C7

Deuteranopia

596446

676D69

707380

7E7DA3

8C86C7

Tritanopia

863935

815F5C

7D7876

789E9D

73C5C4

Achromatopsia

373737

555555

6A6A6A

888888

A7A7A7

Shades & Tints Shades & Tints

#8D0362

Dark

Light

#85357F

Dark

Light

#7F5792

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8d0362;
  --color-2: #85357f;
  --color-3: #7f5792;
  --color-4: #778aae;
  --color-5: #6fbccb;
}

SCSS

$color-1: #8d0362;
$color-2: #85357f;
$color-3: #7f5792;
$color-4: #778aae;
$color-5: #6fbccb;

TAILWIND

colors: {
  'brand-1': '#8d0362',
  'brand-2': '#85357f',
  'brand-3': '#7f5792',
  'brand-4': '#778aae',
  'brand-5': '#6fbccb',
}

RGB Array

[141, 3, 98], [133, 53, 127], [127, 87, 146], [119, 138, 174], [111, 188, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8D0362, #85357F, #7F5792, #778AAE, #6FBCCB 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: #8d0362; --color-2: #85357f; --color-3: #7f5792; --color-4: #778aae; --color-5: #6fbccb. 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