← Back to Editor

#ADA0CA · #70608F · #8F2951 · #3D2B5C · #26103D

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#ADA0CA

Wisteria · DarkGray · Cobalt Blue

HEX
#ADA0CA
RGB
rgb(173, 160, 202)
HSL
hsl(259, 28%, 71%)
HSB
hsb(259, 21%, 79%)
CMYK
cmyk(14%, 21%, 0%, 21%)
Oklch
oklch(73.1% 0.062 299.0)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#70608F

Deep Indigo · SlateGray · Violet

HEX
#70608F
RGB
rgb(112, 96, 143)
HSL
hsl(260, 20%, 47%)
HSB
hsb(260, 33%, 56%)
CMYK
cmyk(22%, 33%, 0%, 44%)
Oklch
oklch(52.3% 0.075 299.5)

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

#8F2951

Dark Violet · Brown · Camellia

HEX
#8F2951
RGB
rgb(143, 41, 81)
HSL
hsl(336, 55%, 36%)
HSB
hsb(336, 71%, 56%)
CMYK
cmyk(0%, 71%, 43%, 44%)
Oklch
oklch(45.0% 0.141 0.6)

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

#3D2B5C

Deep Indigo · DarkSlateGray · Eggplant

HEX
#3D2B5C
RGB
rgb(61, 43, 92)
HSL
hsl(262, 36%, 26%)
HSB
hsb(262, 53%, 36%)
CMYK
cmyk(34%, 53%, 0%, 64%)
Oklch
oklch(33.5% 0.085 298.7)

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

#26103D

Deep Indigo · MidnightBlue · Dark Purple

HEX
#26103D
RGB
rgb(38, 16, 61)
HSL
hsl(269, 58%, 15%)
HSB
hsb(269, 74%, 24%)
CMYK
cmyk(38%, 74%, 0%, 76%)
Oklch
oklch(23.3% 0.083 302.9)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADA0CA
BDCAA0

Analogous

A0A8CA
ADA0CA
C2A0CA

Triadic

ADA0CA
CAADA0
A0CAAD

Split-Comp.

ADA0CA
CAC2A0
A8CAA0

Tetradic

ADA0CA
CAA0A8
BDCAA0
A0CAC2

Contrast Matrix WCAG 2.1 Contrast

ADA0CA
70608F
8F2951
3D2B5C
26103D
—
2.3
Fail
3.3
AA Large
5.1
AA
7.1
AAA
2.3
Fail
—
1.4
Fail
2.2
Fail
3.1
AA Large
3.3
AA Large
1.4
Fail
—
1.5
Fail
2.1
Fail
5.1
AA
2.2
Fail
1.5
Fail
—
1.4
Fail
7.1
AAA
3.1
AA Large
2.1
Fail
1.4
Fail
—
White BG
2.4Fail
5.6AA
8.1AAA
12.4AAA
17.2AAA
Black BG
8.7AAA
3.8AA Large
2.6Fail
1.7Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A7C0
696984
636247
353550
1C1C32

Deuteranopia

A8A9BD
6A6B81
697045
36384D
1E1F2F

Tritanopia

ACB8B6
6F7B79
8A403E
3C4745
252A28

Achromatopsia

A9A9A9
6A6A6A
4C4C4C
363636
1C1C1C

Shades & Tints Shades & Tints

#ADA0CA

Dark
Light

#70608F

Dark
Light

#8F2951

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ada0ca;
  --color-2: #70608f;
  --color-3: #8f2951;
  --color-4: #3d2b5c;
  --color-5: #26103d;
}

SCSS

$color-1: #ada0ca;
$color-2: #70608f;
$color-3: #8f2951;
$color-4: #3d2b5c;
$color-5: #26103d;

TAILWIND

colors: {
  'brand-1': '#ada0ca',
  'brand-2': '#70608f',
  'brand-3': '#8f2951',
  'brand-4': '#3d2b5c',
  'brand-5': '#26103d',
}

RGB Array

[173, 160, 202], [112, 96, 143], [143, 41, 81], [61, 43, 92], [38, 16, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #ADA0CA, #70608F, #8F2951, #3D2B5C, #26103D is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #ada0ca; --color-2: #70608f; --color-3: #8f2951; --color-4: #3d2b5c; --color-5: #26103d. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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