← Back to Editor

#301D2F · #6B2436 · #996272 · #301E2C · #4D2E3A

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#301D2F

Rose Purple · DarkSlateGray · Dark Purple

HEX
#301D2F
RGB
rgb(48, 29, 47)
HSL
hsl(303, 25%, 15%)
HSB
hsb(303, 40%, 19%)
CMYK
cmyk(0%, 40%, 2%, 81%)
Oklch
oklch(26.3% 0.043 328.5)

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

#6B2436

Crimson · Brown · Wine Red

HEX
#6B2436
RGB
rgb(107, 36, 54)
HSL
hsl(345, 50%, 28%)
HSB
hsb(345, 66%, 42%)
CMYK
cmyk(0%, 66%, 50%, 58%)
Oklch
oklch(37.3% 0.102 8.0)

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

#996272

Dark Violet · Gray · Camellia

HEX
#996272
RGB
rgb(153, 98, 114)
HSL
hsl(343, 22%, 49%)
HSB
hsb(343, 36%, 60%)
CMYK
cmyk(0%, 36%, 25%, 40%)
Oklch
oklch(56.0% 0.074 0.9)

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

#301E2C

Rose Purple · DarkSlateGray · Dark Purple

HEX
#301E2C
RGB
rgb(48, 30, 44)
HSL
hsl(313, 23%, 15%)
HSB
hsb(313, 38%, 19%)
CMYK
cmyk(0%, 37%, 8%, 81%)
Oklch
oklch(26.4% 0.037 334.9)

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

#4D2E3A

Dark Violet · DarkSlateGray · Raspberry

HEX
#4D2E3A
RGB
rgb(77, 46, 58)
HSL
hsl(337, 25%, 24%)
HSB
hsb(337, 40%, 30%)
CMYK
cmyk(0%, 40%, 25%, 70%)
Oklch
oklch(34.4% 0.049 355.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

301D2F
1D301E

Analogous

271D30
301D2F
301D25

Triadic

301D2F
2F301D
1D2F30

Split-Comp.

301D2F
25301D
1D3027

Tetradic

301D2F
30271D
1D301E
1D2530

Contrast Matrix WCAG 2.1 Contrast

301D2F
6B2436
996272
301E2C
4D2E3A
—
1.4
Fail
3.2
AA Large
1.0
Fail
1.3
Fail
1.4
Fail
—
2.3
Fail
1.4
Fail
1.1
Fail
3.2
AA Large
2.3
Fail
—
3.2
AA Large
2.5
Fail
1.0
Fail
1.4
Fail
3.2
AA Large
—
1.3
Fail
1.3
Fail
1.1
Fail
2.5
Fail
1.3
Fail
—
White BG
15.6AAA
10.9AAA
4.8AA
15.6AAA
11.9AAA
Black BG
1.3Fail
1.9Fail
4.3AA Large
1.3Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

28282B
4C4C32
81816E
282829
403F37

Deuteranopia

292A2A
505631
84896D
292B28
414436

Tritanopia

2F2726
672E2D
966B6A
2F2625
4B3534

Achromatopsia

252525
3B3B3B
747474
252525
393939

Shades & Tints Shades & Tints

#301D2F

Dark
Light

#6B2436

Dark
Light

#996272

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #301d2f;
  --color-2: #6b2436;
  --color-3: #996272;
  --color-4: #301e2c;
  --color-5: #4d2e3a;
}

SCSS

$color-1: #301d2f;
$color-2: #6b2436;
$color-3: #996272;
$color-4: #301e2c;
$color-5: #4d2e3a;

TAILWIND

colors: {
  'brand-1': '#301d2f',
  'brand-2': '#6b2436',
  'brand-3': '#996272',
  'brand-4': '#301e2c',
  'brand-5': '#4d2e3a',
}

RGB Array

[48, 29, 47], [107, 36, 54], [153, 98, 114], [48, 30, 44], [77, 46, 58]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #301D2F, #6B2436, #996272, #301E2C, #4D2E3A is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #301d2f; --color-2: #6b2436; --color-3: #996272; --color-4: #301e2c; --color-5: #4d2e3a. 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. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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