← Back to Editor

#130912 · #3E1C33 · #602749 · #B14623 · #F6921D

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 LibraryData Visualization

Color Details Color Details

#130912

Rose Purple · Black · Dark Purple

HEX
#130912
RGB
rgb(19, 9, 18)
HSL
hsl(306, 36%, 5%)
HSB
hsb(306, 53%, 7%)
CMYK
cmyk(0%, 53%, 5%, 93%)
Oklch
oklch(15.9% 0.025 330.2)

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

#3E1C33

Rose Purple · DarkSlateGray · Dark Purple

HEX
#3E1C33
RGB
rgb(62, 28, 51)
HSL
hsl(319, 38%, 18%)
HSB
hsb(319, 55%, 24%)
CMYK
cmyk(0%, 55%, 18%, 76%)
Oklch
oklch(28.4% 0.063 340.9)

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

#602749

Rose Purple · DarkSlateGray · Camellia

HEX
#602749
RGB
rgb(96, 39, 73)
HSL
hsl(324, 42%, 26%)
HSB
hsb(324, 59%, 38%)
CMYK
cmyk(0%, 59%, 24%, 62%)
Oklch
oklch(36.6% 0.094 345.9)

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

#B14623

Tangerine · Sienna · Amber Brown

HEX
#B14623
RGB
rgb(177, 70, 35)
HSL
hsl(15, 67%, 42%)
HSB
hsb(15, 80%, 69%)
CMYK
cmyk(0%, 60%, 80%, 31%)
Oklch
oklch(53.3% 0.148 37.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#F6921D

Ginger · GoldenRod · Warm Sun

HEX
#F6921D
RGB
rgb(246, 146, 29)
HSL
hsl(32, 92%, 54%)
HSB
hsb(32, 88%, 96%)
CMYK
cmyk(0%, 41%, 88%, 4%)
Oklch
oklch(75.0% 0.165 62.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

130912
081109

Analogous

0E0811
130912
11080C

Triadic

130912
101108
081011

Split-Comp.

130912
0C1108
08110E

Tetradic

130912
110E08
081109
080C11

Contrast Matrix WCAG 2.1 Contrast

130912
3E1C33
602749
B14623
F6921D
—
1.3
Fail
1.8
Fail
3.5
AA Large
8.4
AAA
1.3
Fail
—
1.3
Fail
2.7
Fail
6.4
AA
1.8
Fail
1.3
Fail
—
2.0
Fail
4.8
AA
3.5
AA Large
2.7
Fail
2.0
Fail
—
2.4
Fail
8.4
AAA
6.4
AA
4.8
AA
2.4
Fail
—
White BG
19.5AAA
14.8AAA
11.1AAA
5.6AA
2.3Fail
Black BG
1.1Fail
1.4Fail
1.9Fail
3.8AA Large
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0F0F10
2F2F2D
474741
83822B
CBCA39

Deuteranopia

0F100F
31342C
4B4F3F
89912E
D1D840

Tritanopia

130E0E
3C2928
5D3A39
AC3234
F15055

Achromatopsia

0D0D0D
292929
3C3C3C
626262
A3A3A3

Shades & Tints Shades & Tints

#130912

Dark
Light

#3E1C33

Dark
Light

#602749

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #130912;
  --color-2: #3e1c33;
  --color-3: #602749;
  --color-4: #b14623;
  --color-5: #f6921d;
}

SCSS

$color-1: #130912;
$color-2: #3e1c33;
$color-3: #602749;
$color-4: #b14623;
$color-5: #f6921d;

TAILWIND

colors: {
  'brand-1': '#130912',
  'brand-2': '#3e1c33',
  'brand-3': '#602749',
  'brand-4': '#b14623',
  'brand-5': '#f6921d',
}

RGB Array

[19, 9, 18], [62, 28, 51], [96, 39, 73], [177, 70, 35], [246, 146, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #130912, #3E1C33, #602749, #B14623, #F6921D 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: #130912; --color-2: #3e1c33; --color-3: #602749; --color-4: #b14623; --color-5: #f6921d. 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