#605157 + #755864 + #8C5A6E + #A35071 + #FF0066 · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#605157

Dark Violet · DimGray · Charcoal

HEX

#605157

RGB

rgb(96, 81, 87)

HSL

hsl(336, 8%, 35%)

HSB

hsb(336, 16%, 38%)

CMYK

cmyk(0%, 16%, 9%, 62%)

Oklch

oklch(45.2% 0.022 351.9)

Traditional「Dark Violet」· Paint「Charcoal」· Creative Midnight Shadow

#755864

Dark Violet · DimGray · Camellia

HEX

#755864

RGB

rgb(117, 88, 100)

HSL

hsl(335, 14%, 40%)

HSB

hsb(335, 25%, 46%)

CMYK

cmyk(0%, 25%, 15%, 54%)

Oklch

oklch(49.4% 0.042 352.1)

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

#8C5A6E

Dark Violet · DimGray · Camellia

HEX

#8C5A6E

RGB

rgb(140, 90, 110)

HSL

hsl(336, 22%, 45%)

HSB

hsb(336, 36%, 55%)

CMYK

cmyk(0%, 36%, 21%, 45%)

Oklch

oklch(52.9% 0.071 354.2)

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

#A35071

Dark Violet · Gray · Camellia

HEX

#A35071

RGB

rgb(163, 80, 113)

HSL

hsl(336, 34%, 48%)

HSB

hsb(336, 51%, 64%)

CMYK

cmyk(0%, 51%, 31%, 36%)

Oklch

oklch(54.3% 0.116 356.5)

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

#FF0066

Dark Violet · DeepPink · Camellia

HEX

#FF0066

RGB

rgb(255, 0, 102)

HSL

hsl(336, 100%, 50%)

HSB

hsb(336, 100%, 100%)

CMYK

cmyk(0%, 100%, 60%, 0%)

Oklch

oklch(63.9% 0.255 10.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

605157

52605B

Analogous

60525F

605157

605452

Triadic

605157

586052

525860

Split-Comp.

605157

526054

525F60

Tetradic

605157

5F6052

52605B

545260

Contrast Matrix WCAG 2.1 Contrast

605157	755864	8C5A6E	A35071	FF0066
—	1.2 Fail	1.4 Fail	1.4 Fail	1.9 Fail
1.2 Fail	—	1.1 Fail	1.2 Fail	1.6 Fail
1.4 Fail	1.1 Fail	—	1.0 Fail	1.4 Fail
1.4 Fail	1.2 Fail	1.0 Fail	—	1.4 Fail
1.9 Fail	1.6 Fail	1.4 Fail	1.4 Fail	—

White BG

7.5AAA

6.3AA

5.5AA

5.3AA

3.9AA Large

Black BG

2.8Fail

3.3AA Large

3.8AA Large

3.9AA Large

5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5956

686861

767669

7F7E69

918E4D

Deuteranopia

5A5B55

6A6C60

797D68

848A67

9FB347

Tritanopia

5F5454

745F5E

8A6565

9F6361

F23A36

Achromatopsia

565656

626262

6B6B6B

6D6D6D

585858

Shades & Tints Shades & Tints

#605157

Dark

Light

#755864

Dark

Light

#8C5A6E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #605157;
  --color-2: #755864;
  --color-3: #8c5a6e;
  --color-4: #a35071;
  --color-5: #ff0066;
}

SCSS

$color-1: #605157;
$color-2: #755864;
$color-3: #8c5a6e;
$color-4: #a35071;
$color-5: #ff0066;

TAILWIND

colors: {
  'brand-1': '#605157',
  'brand-2': '#755864',
  'brand-3': '#8c5a6e',
  'brand-4': '#a35071',
  'brand-5': '#ff0066',
}

RGB Array

[96, 81, 87], [117, 88, 100], [140, 90, 110], [163, 80, 113], [255, 0, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #605157, #755864, #8C5A6E, #A35071, #FF0066 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: #605157; --color-2: #755864; --color-3: #8c5a6e; --color-4: #a35071; --color-5: #ff0066. 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