#7C004A + #6E265C + #62456B + #576479 + #517480 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#7C004A

Rose Purple · Purple · Raspberry

HEX

#7C004A

RGB

rgb(124, 0, 74)

HSL

hsl(324, 100%, 24%)

HSB

hsb(324, 100%, 49%)

CMYK

cmyk(0%, 100%, 40%, 51%)

Oklch

oklch(38.4% 0.158 353.4)

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

#6E265C

Rose Purple · Purple · Eggplant

HEX

#6E265C

RGB

rgb(110, 38, 92)

HSL

hsl(315, 49%, 29%)

HSB

hsb(315, 65%, 43%)

CMYK

cmyk(0%, 65%, 16%, 57%)

Oklch

oklch(39.6% 0.122 338.8)

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

#62456B

Dark Plum · DimGray · Eggplant

HEX

#62456B

RGB

rgb(98, 69, 107)

HSL

hsl(286, 22%, 35%)

HSB

hsb(286, 36%, 42%)

CMYK

cmyk(8%, 36%, 0%, 58%)

Oklch

oklch(43.7% 0.070 318.0)

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

#576479

Indigo · DimGray · Navy Blue

HEX

#576479

RGB

rgb(87, 100, 121)

HSL

hsl(217, 16%, 41%)

HSB

hsb(217, 28%, 47%)

CMYK

cmyk(28%, 17%, 0%, 53%)

Oklch

oklch(50.0% 0.037 260.0)

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

#517480

Slate Blue · DimGray · Mint Ice

HEX

#517480

RGB

rgb(81, 116, 128)

HSL

hsl(195, 22%, 41%)

HSB

hsb(195, 37%, 50%)

CMYK

cmyk(37%, 9%, 0%, 50%)

Oklch

oklch(53.7% 0.044 221.2)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7C004A

007A31

Analogous

6E007A

7C004A

7A000C

Triadic

7C004A

497A00

00497A

Split-Comp.

7C004A

0C7A00

007A6E

Tetradic

7C004A

7A6E00

007A31

000C7A

Contrast Matrix WCAG 2.1 Contrast

7C004A	6E265C	62456B	576479	517480
—	1.1 Fail	1.3 Fail	1.8 Fail	2.1 Fail
1.1 Fail	—	1.2 Fail	1.7 Fail	2.0 Fail
1.3 Fail	1.2 Fail	—	1.4 Fail	1.6 Fail
1.8 Fail	1.7 Fail	1.4 Fail	—	1.2 Fail
2.1 Fail	2.0 Fail	1.6 Fail	1.2 Fail	—

White BG

10.7AAA

10.0AAA

8.1AAA

6.0AA

5.0AA

Black BG

2.0Fail

2.1Fail

2.6Fail

3.5AA Large

4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

464538

4F4E4F

555562

5D5D74

60607D

Deuteranopia

4E5734

53584C

575960

5C5B73

5E5C7C

Tritanopia

762A27

6A4542

615B59

58706F

537B7A

Achromatopsia

2E2E2E

424242

525252

636363

6B6B6B

Shades & Tints Shades & Tints

#7C004A

Dark

Light

#6E265C

Dark

Light

#62456B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7c004a;
  --color-2: #6e265c;
  --color-3: #62456b;
  --color-4: #576479;
  --color-5: #517480;
}

SCSS

$color-1: #7c004a;
$color-2: #6e265c;
$color-3: #62456b;
$color-4: #576479;
$color-5: #517480;

TAILWIND

colors: {
  'brand-1': '#7c004a',
  'brand-2': '#6e265c',
  'brand-3': '#62456b',
  'brand-4': '#576479',
  'brand-5': '#517480',
}

RGB Array

[124, 0, 74], [110, 38, 92], [98, 69, 107], [87, 100, 121], [81, 116, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7C004A, #6E265C, #62456B, #576479, #517480 is ideal for: tech websites, dark mode UIs, game UIs. 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: #7c004a; --color-2: #6e265c; --color-3: #62456b; --color-4: #576479; --color-5: #517480. 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. 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