← Back to Editor

#2B064E · #CDC8D2 · #7E09F3 · #585050 · #000000

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

#2B064E

Royal Purple · MidnightBlue · Dark Purple

HEX
#2B064E
RGB
rgb(43, 6, 78)
HSL
hsl(271, 86%, 16%)
HSB
hsb(271, 92%, 31%)
CMYK
cmyk(45%, 92%, 0%, 69%)
Oklch
oklch(24.4% 0.118 300.6)

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

#CDC8D2

Lilac · LightGray · Lilac Purple

HEX
#CDC8D2
RGB
rgb(205, 200, 210)
HSL
hsl(270, 10%, 80%)
HSB
hsb(270, 5%, 82%)
CMYK
cmyk(2%, 5%, 0%, 18%)
Oklch
oklch(84.0% 0.015 308.3)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#7E09F3

Royal Purple · DarkViolet · Violet

HEX
#7E09F3
RGB
rgb(126, 9, 243)
HSL
hsl(270, 93%, 49%)
HSB
hsb(270, 96%, 95%)
CMYK
cmyk(48%, 96%, 0%, 5%)
Oklch
oklch(51.9% 0.281 295.2)

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

#585050

Ink Gray · DimGray · Charcoal

HEX
#585050
RGB
rgb(88, 80, 80)
HSL
hsl(0, 5%, 33%)
HSB
hsb(0, 9%, 35%)
CMYK
cmyk(0%, 9%, 9%, 65%)
Oklch
oklch(43.9% 0.011 17.6)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B064E
284C06

Analogous

07064C
2B064E
4C064B

Triadic

2B064E
4C2A06
064C2A

Split-Comp.

2B064E
4B4C06
064C07

Tetradic

2B064E
4C0706
284C06
064B4C

Contrast Matrix WCAG 2.1 Contrast

2B064E
CDC8D2
7E09F3
585050
000000
—
10.3
AAA
2.6
Fail
2.2
Fail
1.2
Fail
10.3
AAA
—
4.0
AA Large
4.8
AA
12.8
AAA
2.6
Fail
4.0
AA Large
—
1.2
Fail
3.2
AA Large
2.2
Fail
4.8
AA
1.2
Fail
—
2.7
Fail
1.2
Fail
12.8
AAA
3.2
AA Large
2.7
Fail
—
White BG
17.0AAA
1.6Fail
6.5AA
7.8AAA
21.0AAA
Black BG
1.2Fail
12.8AAA
3.2AA Large
2.7Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1B3D
CBCBD0
4B4ABA
555450
000000

Deuteranopia

1D2038
CBCCCF
525BAD
555650
000000

Tritanopia

292F2C
CDCECD
788E84
585050
000000

Achromatopsia

191919
CBCBCB
474747
525252
000000

Shades & Tints Shades & Tints

#2B064E

Dark
Light

#CDC8D2

Dark
Light

#7E09F3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b064e;
  --color-2: #cdc8d2;
  --color-3: #7e09f3;
  --color-4: #585050;
  --color-5: #000000;
}

SCSS

$color-1: #2b064e;
$color-2: #cdc8d2;
$color-3: #7e09f3;
$color-4: #585050;
$color-5: #000000;

TAILWIND

colors: {
  'brand-1': '#2b064e',
  'brand-2': '#cdc8d2',
  'brand-3': '#7e09f3',
  'brand-4': '#585050',
  'brand-5': '#000000',
}

RGB Array

[43, 6, 78], [205, 200, 210], [126, 9, 243], [88, 80, 80], [0, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2B064E, #CDC8D2, #7E09F3, #585050, #000000 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: #2b064e; --color-2: #cdc8d2; --color-3: #7e09f3; --color-4: #585050; --color-5: #000000. 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