#C73E5E + #963B5F + #7A3863 + #663463 + #45345C · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C73E5E

Crimson · MediumVioletRed · Passion Red

HEX

#C73E5E

RGB

rgb(199, 62, 94)

HSL

hsl(346, 55%, 51%)

HSB

hsb(346, 69%, 78%)

CMYK

cmyk(0%, 69%, 53%, 22%)

Oklch

oklch(56.9% 0.173 10.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#963B5F

Dark Violet · Sienna · Camellia

HEX

#963B5F

RGB

rgb(150, 59, 95)

HSL

hsl(336, 44%, 41%)

HSB

hsb(336, 61%, 59%)

CMYK

cmyk(0%, 61%, 37%, 41%)

Oklch

oklch(48.8% 0.128 358.3)

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

#7A3863

Rose Purple · DimGray · Camellia

HEX

#7A3863

RGB

rgb(122, 56, 99)

HSL

hsl(321, 37%, 35%)

HSB

hsb(321, 54%, 48%)

CMYK

cmyk(0%, 54%, 19%, 52%)

Oklch

oklch(44.2% 0.107 342.6)

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

#663463

Rose Purple · DarkSlateBlue · Eggplant

HEX

#663463

RGB

rgb(102, 52, 99)

HSL

hsl(304, 32%, 30%)

HSB

hsb(304, 49%, 40%)

CMYK

cmyk(0%, 49%, 3%, 60%)

Oklch

oklch(40.8% 0.097 329.4)

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

#45345C

Deep Indigo · DarkSlateGray · Eggplant

HEX

#45345C

RGB

rgb(69, 52, 92)

HSL

hsl(266, 28%, 28%)

HSB

hsb(266, 43%, 36%)

CMYK

cmyk(25%, 43%, 0%, 64%)

Oklch

oklch(36.2% 0.070 302.6)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C73E5E

3DC7A7

Analogous

C73DA2

C73E5E

C7623D

Triadic

C73E5E

5DC73D

3D5DC7

Split-Comp.

C73E5E

3DC762

3DA2C7

Tetradic

C73E5E

A2C73D

3DC7A7

623DC7

Contrast Matrix WCAG 2.1 Contrast

C73E5E	963B5F	7A3863	663463	45345C
—	1.4 Fail	1.7 Fail	1.9 Fail	2.3 Fail
1.4 Fail	—	1.2 Fail	1.4 Fail	1.6 Fail
1.7 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.9 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
2.3 Fail	1.6 Fail	1.4 Fail	1.2 Fail	—

White BG

4.9AA

6.8AA

8.2AAA

9.4AAA

11.1AAA

Black BG

4.3AA Large

3.1AA Large

2.6Fail

2.2Fail

1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8A56

6F6E56

5D5D59

505058

3E3D52

Deuteranopia

949E54

747B54

616656

535755

3F4050

Tritanopia

C0504F

914F4E

77504F

634F4D

444B49

Achromatopsia

6B6B6B

5A5A5A

515151

484848

3E3E3E

Shades & Tints Shades & Tints

#C73E5E

Dark

Light

#963B5F

Dark

Light

#7A3863

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c73e5e;
  --color-2: #963b5f;
  --color-3: #7a3863;
  --color-4: #663463;
  --color-5: #45345c;
}

SCSS

$color-1: #c73e5e;
$color-2: #963b5f;
$color-3: #7a3863;
$color-4: #663463;
$color-5: #45345c;

TAILWIND

colors: {
  'brand-1': '#c73e5e',
  'brand-2': '#963b5f',
  'brand-3': '#7a3863',
  'brand-4': '#663463',
  'brand-5': '#45345c',
}

RGB Array

[199, 62, 94], [150, 59, 95], [122, 56, 99], [102, 52, 99], [69, 52, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #C73E5E, #963B5F, #7A3863, #663463, #45345C 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: #c73e5e; --color-2: #963b5f; --color-3: #7a3863; --color-4: #663463; --color-5: #45345c. 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 dark-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