← Back to Editor

#C7C1C2 · #BC294E · #912049 · #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

#C7C1C2

Silver Gray · Silver · Pearl Gray

HEX
#C7C1C2
RGB
rgb(199, 193, 194)
HSL
hsl(350, 5%, 77%)
HSB
hsb(350, 3%, 78%)
CMYK
cmyk(0%, 3%, 3%, 22%)
Oklch
oklch(81.6% 0.007 5.7)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#BC294E

Vermilion · Crimson · Passion Red

HEX
#BC294E
RGB
rgb(188, 41, 78)
HSL
hsl(345, 64%, 45%)
HSB
hsb(345, 78%, 74%)
CMYK
cmyk(0%, 78%, 59%, 26%)
Oklch
oklch(52.8% 0.182 12.2)

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

#912049

Dark Violet · Brown · Camellia

HEX
#912049
RGB
rgb(145, 32, 73)
HSL
hsl(338, 64%, 35%)
HSB
hsb(338, 78%, 57%)
CMYK
cmyk(0%, 78%, 50%, 43%)
Oklch
oklch(44.2% 0.150 4.2)

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

C7C1C2
C1C7C6

Analogous

C7C1C5
C7C1C2
C7C3C1

Triadic

C7C1C2
C2C7C1
C1C2C7

Split-Comp.

C7C1C2
C1C7C3
C1C5C7

Tetradic

C7C1C2
C5C7C1
C1C7C6
C3C1C7

Contrast Matrix WCAG 2.1 Contrast

C7C1C2
BC294E
912049
3D2B5C
26103D
—
3.3
AA Large
4.7
AA
7.0
AA
9.7
AAA
3.3
AA Large
—
1.4
Fail
2.1
Fail
2.9
Fail
4.7
AA
1.4
Fail
—
1.5
Fail
2.0
Fail
7.0
AA
2.1
Fail
1.5
Fail
—
1.4
Fail
9.7
AAA
2.9
Fail
2.0
Fail
1.4
Fail
—
White BG
1.8Fail
5.9AA
8.4AAA
12.4AAA
17.2AAA
Black BG
11.8AAA
3.6AA Large
2.5Fail
1.7Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C4C2
7C7B45
605F3F
353550
1C1C32

Deuteranopia

C5C5C2
859043
676F3D
36384D
1E1F2F

Tritanopia

C7C2C2
B53E3C
8B3736
3C4745
252A28

Achromatopsia

C3C3C3
595959
464646
363636
1C1C1C

Shades & Tints Shades & Tints

#C7C1C2

Dark
Light

#BC294E

Dark
Light

#912049

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7c1c2;
  --color-2: #bc294e;
  --color-3: #912049;
  --color-4: #3d2b5c;
  --color-5: #26103d;
}

SCSS

$color-1: #c7c1c2;
$color-2: #bc294e;
$color-3: #912049;
$color-4: #3d2b5c;
$color-5: #26103d;

TAILWIND

colors: {
  'brand-1': '#c7c1c2',
  'brand-2': '#bc294e',
  'brand-3': '#912049',
  'brand-4': '#3d2b5c',
  'brand-5': '#26103d',
}

RGB Array

[199, 193, 194], [188, 41, 78], [145, 32, 73], [61, 43, 92], [38, 16, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #C7C1C2, #BC294E, #912049, #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: #c7c1c2; --color-2: #bc294e; --color-3: #912049; --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