← Back to Editor

#593C4F · #7A3F55 · #9B435C · #BB4763 · #DC4A69

dark

A 5-color dark palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#593C4F

Rose Purple · DarkSlateGray · Camellia

HEX
#593C4F
RGB
rgb(89, 60, 79)
HSL
hsl(321, 19%, 29%)
HSB
hsb(321, 33%, 35%)
CMYK
cmyk(0%, 33%, 11%, 65%)
Oklch
oklch(39.6% 0.050 340.2)

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

#7A3F55

Dark Violet · DimGray · Camellia

HEX
#7A3F55
RGB
rgb(122, 63, 85)
HSL
hsl(338, 32%, 36%)
HSB
hsb(338, 48%, 48%)
CMYK
cmyk(0%, 48%, 30%, 52%)
Oklch
oklch(44.8% 0.086 357.4)

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

#9B435C

Dark Violet · Sienna · Camellia

HEX
#9B435C
RGB
rgb(155, 67, 92)
HSL
hsl(343, 40%, 44%)
HSB
hsb(343, 57%, 61%)
CMYK
cmyk(0%, 57%, 41%, 39%)
Oklch
oklch(50.5% 0.120 4.6)

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

#BB4763

Crimson · Sienna · Passion Red

HEX
#BB4763
RGB
rgb(187, 71, 99)
HSL
hsl(346, 46%, 51%)
HSB
hsb(346, 62%, 73%)
CMYK
cmyk(0%, 62%, 47%, 27%)
Oklch
oklch(56.2% 0.151 8.6)

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

#DC4A69

Vermilion · Tomato · Passion Red

HEX
#DC4A69
RGB
rgb(220, 74, 105)
HSL
hsl(347, 68%, 58%)
HSB
hsb(347, 66%, 86%)
CMYK
cmyk(0%, 66%, 52%, 14%)
Oklch
oklch(61.9% 0.182 11.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

593C4F
3C5846

Analogous

543C58
593C4F
583C40

Triadic

593C4F
4E583C
3C4E58

Split-Comp.

593C4F
40583C
3C5854

Tetradic

593C4F
58543C
3C5846
3C4058

Contrast Matrix WCAG 2.1 Contrast

593C4F
7A3F55
9B435C
BB4763
DC4A69
—
1.2
Fail
1.5
Fail
1.9
Fail
2.4
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
2.0
Fail
1.5
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
1.9
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
2.4
Fail
2.0
Fail
1.6
Fail
1.2
Fail
—
White BG
9.6AAA
7.9AAA
6.3AA
5.0AA
4.0AA Large
Black BG
2.2Fail
2.7Fail
3.4AA Large
4.2AA Large
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4C4A
606050
757456
89885C
9D9B61

Deuteranopia

4E5049
64684E
7A8154
90985B
A5B060

Tritanopia

584746
774B4B
975150
B55756
D55C5A

Achromatopsia

474747
535353
606060
6D6D6D
797979

Shades & Tints Shades & Tints

#593C4F

Dark
Light

#7A3F55

Dark
Light

#9B435C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #593c4f;
  --color-2: #7a3f55;
  --color-3: #9b435c;
  --color-4: #bb4763;
  --color-5: #dc4a69;
}

SCSS

$color-1: #593c4f;
$color-2: #7a3f55;
$color-3: #9b435c;
$color-4: #bb4763;
$color-5: #dc4a69;

TAILWIND

colors: {
  'brand-1': '#593c4f',
  'brand-2': '#7a3f55',
  'brand-3': '#9b435c',
  'brand-4': '#bb4763',
  'brand-5': '#dc4a69',
}

RGB Array

[89, 60, 79], [122, 63, 85], [155, 67, 92], [187, 71, 99], [220, 74, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #593C4F, #7A3F55, #9B435C, #BB4763, #DC4A69 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: #593c4f; --color-2: #7a3f55; --color-3: #9b435c; --color-4: #bb4763; --color-5: #dc4a69. 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 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