← Back to Editor

#210028 · #452B44 · #A190F0 · #D4BF64 · #6D3A41

A 5-color palette 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

#210028

Royal Purple · Black · Dark Purple

HEX
#210028
RGB
rgb(33, 0, 40)
HSL
hsl(290, 100%, 8%)
HSB
hsb(290, 100%, 16%)
CMYK
cmyk(18%, 100%, 0%, 84%)
Oklch
oklch(18.0% 0.086 320.4)

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

#452B44

Rose Purple · DarkSlateGray · Eggplant

HEX
#452B44
RGB
rgb(69, 43, 68)
HSL
hsl(302, 23%, 22%)
HSB
hsb(302, 38%, 27%)
CMYK
cmyk(0%, 38%, 1%, 73%)
Oklch
oklch(33.1% 0.055 328.1)

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

#A190F0

Wisteria · MediumSlateBlue · Cobalt Blue

HEX
#A190F0
RGB
rgb(161, 144, 240)
HSL
hsl(251, 76%, 75%)
HSB
hsb(251, 40%, 94%)
CMYK
cmyk(33%, 40%, 0%, 6%)
Oklch
oklch(70.8% 0.138 290.6)

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

#D4BF64

Ginger · BurlyWood · Sunflower

HEX
#D4BF64
RGB
rgb(212, 191, 100)
HSL
hsl(49, 57%, 61%)
HSB
hsb(49, 53%, 83%)
CMYK
cmyk(0%, 10%, 53%, 17%)
Oklch
oklch(80.4% 0.114 96.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#6D3A41

Crimson · DarkOliveGreen · Wine Red

HEX
#6D3A41
RGB
rgb(109, 58, 65)
HSL
hsl(352, 31%, 33%)
HSB
hsb(352, 47%, 43%)
CMYK
cmyk(0%, 47%, 40%, 57%)
Oklch
oklch(41.4% 0.072 12.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

210028
072900

Analogous

0E0029
210028
29001B

Triadic

210028
292200
002922

Split-Comp.

210028
1B2900
00290E

Tetradic

210028
290E00
072900
001B29

Contrast Matrix WCAG 2.1 Contrast

210028
452B44
A190F0
D4BF64
6D3A41
—
1.5
Fail
7.1
AAA
10.4
AAA
2.1
Fail
1.5
Fail
—
4.6
AA
6.8
AA
1.4
Fail
7.1
AAA
4.6
AA
—
1.5
Fail
3.3
AA Large
10.4
AAA
6.8
AA
1.5
Fail
—
4.9
AA
2.1
Fail
1.4
Fail
3.3
AA Large
4.9
AA
—
White BG
19.2AAA
12.5AAA
2.7Fail
1.8Fail
9.0AAA
Black BG
1.1Fail
1.7Fail
7.8AAA
11.4AAA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

13121E
3A3A3E
9A99D9
CBCB7A
57563F

Deuteranopia

15171C
3B3D3C
9B9CD3
CCCE7F
5A5E3F

Tritanopia

1F1715
443938
A0C6C2
D38B8F
6A3E3E

Achromatopsia

0E0E0E
363636
A0A0A0
BBBBBB
4A4A4A

Shades & Tints Shades & Tints

#210028

Dark
Light

#452B44

Dark
Light

#A190F0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #210028;
  --color-2: #452b44;
  --color-3: #a190f0;
  --color-4: #d4bf64;
  --color-5: #6d3a41;
}

SCSS

$color-1: #210028;
$color-2: #452b44;
$color-3: #a190f0;
$color-4: #d4bf64;
$color-5: #6d3a41;

TAILWIND

colors: {
  'brand-1': '#210028',
  'brand-2': '#452b44',
  'brand-3': '#a190f0',
  'brand-4': '#d4bf64',
  'brand-5': '#6d3a41',
}

RGB Array

[33, 0, 40], [69, 43, 68], [161, 144, 240], [212, 191, 100], [109, 58, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #210028, #452B44, #A190F0, #D4BF64, #6D3A41 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: #210028; --color-2: #452b44; --color-3: #a190f0; --color-4: #d4bf64; --color-5: #6d3a41. 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 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