#761B44 + #74284F + #6F365C + #6B4567 + #665173 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#761B44

Dark Violet · Brown · Camellia

HEX

#761B44

RGB

rgb(118, 27, 68)

HSL

hsl(333, 63%, 28%)

HSB

hsb(333, 77%, 46%)

CMYK

cmyk(0%, 77%, 42%, 54%)

Oklch

oklch(38.7% 0.130 357.9)

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

#74284F

Rose Purple · Brown · Camellia

HEX

#74284F

RGB

rgb(116, 40, 79)

HSL

hsl(329, 49%, 31%)

HSB

hsb(329, 66%, 45%)

CMYK

cmyk(0%, 66%, 32%, 55%)

Oklch

oklch(40.2% 0.115 351.7)

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

#6F365C

Rose Purple · DimGray · Camellia

HEX

#6F365C

RGB

rgb(111, 54, 92)

HSL

hsl(320, 35%, 32%)

HSB

hsb(320, 51%, 44%)

CMYK

cmyk(0%, 51%, 17%, 56%)

Oklch

oklch(42.0% 0.095 341.5)

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

#6B4567

Rose Purple · DimGray · Eggplant

HEX

#6B4567

RGB

rgb(107, 69, 103)

HSL

hsl(306, 22%, 35%)

HSB

hsb(306, 36%, 42%)

CMYK

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

Oklch

oklch(44.6% 0.072 330.5)

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

#665173

Dark Plum · DimGray · Eggplant

HEX

#665173

RGB

rgb(102, 81, 115)

HSL

hsl(277, 17%, 38%)

HSB

hsb(277, 30%, 45%)

CMYK

cmyk(11%, 30%, 0%, 55%)

Oklch

oklch(47.0% 0.059 312.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

761B44

1A744C

Analogous

741A70

761B44

741F1A

Triadic

761B44

43741A

1A4374

Split-Comp.

761B44

1A741F

1A7074

Tetradic

761B44

70741A

1A744C

1F1A74

Contrast Matrix WCAG 2.1 Contrast

761B44	74284F	6F365C	6B4567	665173
—	1.1 Fail	1.2 Fail	1.3 Fail	1.5 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.4 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.3 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.5 Fail	1.4 Fail	1.3 Fail	1.1 Fail	—

White BG

10.4AAA

9.7AAA

8.9AAA

7.9AAA

7.0AAA

Black BG

2.0Fail

2.2Fail

2.4Fail

2.7Fail

3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F4E3A

535246

565653

5B5A5F

5D5D6B

Deuteranopia

545B38

585D43

5A5E51

5D605D

5E6069

Tritanopia

713231

703E3C

6C4C4A

695857

656463

Achromatopsia

3B3B3B

434343

4B4B4B

545454

5B5B5B

Shades & Tints Shades & Tints

#761B44

Dark

Light

#74284F

Dark

Light

#6F365C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #761b44;
  --color-2: #74284f;
  --color-3: #6f365c;
  --color-4: #6b4567;
  --color-5: #665173;
}

SCSS

$color-1: #761b44;
$color-2: #74284f;
$color-3: #6f365c;
$color-4: #6b4567;
$color-5: #665173;

TAILWIND

colors: {
  'brand-1': '#761b44',
  'brand-2': '#74284f',
  'brand-3': '#6f365c',
  'brand-4': '#6b4567',
  'brand-5': '#665173',
}

RGB Array

[118, 27, 68], [116, 40, 79], [111, 54, 92], [107, 69, 103], [102, 81, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #761B44, #74284F, #6F365C, #6B4567, #665173 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: #761b44; --color-2: #74284f; --color-3: #6f365c; --color-4: #6b4567; --color-5: #665173. 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