← Back to Editor

#2D0333 · #411745 · #A37FAF · #1A032F · #100128

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#2D0333

Royal Purple · MidnightBlue · Dark Purple

HEX
#2D0333
RGB
rgb(45, 3, 51)
HSL
hsl(293, 89%, 11%)
HSB
hsb(293, 94%, 20%)
CMYK
cmyk(12%, 94%, 0%, 80%)
Oklch
oklch(21.8% 0.095 322.4)

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

#411745

Dark Plum · MidnightBlue · Dark Purple

HEX
#411745
RGB
rgb(65, 23, 69)
HSL
hsl(295, 50%, 18%)
HSB
hsb(295, 67%, 27%)
CMYK
cmyk(6%, 67%, 0%, 73%)
Oklch
oklch(29.1% 0.093 324.1)

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

#A37FAF

Dark Plum · DarkGray · Violet

HEX
#A37FAF
RGB
rgb(163, 127, 175)
HSL
hsl(285, 23%, 59%)
HSB
hsb(285, 27%, 69%)
CMYK
cmyk(7%, 27%, 0%, 31%)
Oklch
oklch(64.8% 0.081 317.5)

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

#1A032F

Royal Purple · Black · Dark Purple

HEX
#1A032F
RGB
rgb(26, 3, 47)
HSL
hsl(271, 88%, 10%)
HSB
hsb(271, 94%, 18%)
CMYK
cmyk(45%, 94%, 0%, 82%)
Oklch
oklch(18.1% 0.084 303.3)

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

#100128

Deep Indigo · Black · Dark Purple

HEX
#100128
RGB
rgb(16, 1, 40)
HSL
hsl(263, 95%, 8%)
HSB
hsb(263, 98%, 16%)
CMYK
cmyk(60%, 98%, 0%, 84%)
Oklch
oklch(15.2% 0.078 295.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2D0333
093503

Analogous

160335
2D0333
350322

Triadic

2D0333
352F03
03352F

Split-Comp.

2D0333
223503
033516

Tetradic

2D0333
351603
093503
032235

Contrast Matrix WCAG 2.1 Contrast

2D0333
411745
A37FAF
1A032F
100128
—
1.2
Fail
5.3
AA
1.1
Fail
1.1
Fail
1.2
Fail
—
4.3
AA Large
1.3
Fail
1.4
Fail
5.3
AA
4.3
AA Large
—
5.7
AA
5.9
AA
1.1
Fail
1.3
Fail
5.7
AA
—
1.0
Fail
1.1
Fail
1.4
Fail
5.9
AA
1.0
Fail
—
White BG
17.9AAA
14.7AAA
3.4AA Large
19.1AAA
19.9AAA
Black BG
1.2Fail
1.4Fail
6.2AA
1.1Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1A27
2F2E3A
9393A3
101024
0A091F

Deuteranopia

1D2025
313437
9698A1
111322
0A0C1C

Tritanopia

2B1E1C
3F312F
A19A98
191C1A
0F1715

Achromatopsia

151515
292929
8F8F8F
0F0F0F
0A0A0A

Shades & Tints Shades & Tints

#2D0333

Dark
Light

#411745

Dark
Light

#A37FAF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2d0333;
  --color-2: #411745;
  --color-3: #a37faf;
  --color-4: #1a032f;
  --color-5: #100128;
}

SCSS

$color-1: #2d0333;
$color-2: #411745;
$color-3: #a37faf;
$color-4: #1a032f;
$color-5: #100128;

TAILWIND

colors: {
  'brand-1': '#2d0333',
  'brand-2': '#411745',
  'brand-3': '#a37faf',
  'brand-4': '#1a032f',
  'brand-5': '#100128',
}

RGB Array

[45, 3, 51], [65, 23, 69], [163, 127, 175], [26, 3, 47], [16, 1, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2D0333, #411745, #A37FAF, #1A032F, #100128 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #2d0333; --color-2: #411745; --color-3: #a37faf; --color-4: #1a032f; --color-5: #100128. 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 general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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