← Back to Editor

#2700FF · #6700FF · #A600FF · #E600FF · #FF00D8

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#2700FF

Deep Indigo · Blue · Navy Blue

HEX
#2700FF
RGB
rgb(39, 0, 255)
HSL
hsl(249, 100%, 50%)
HSB
hsb(249, 100%, 100%)
CMYK
cmyk(85%, 100%, 0%, 0%)
Oklch
oklch(46.1% 0.307 268.2)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#6700FF

Deep Indigo · DarkViolet · Violet

HEX
#6700FF
RGB
rgb(103, 0, 255)
HSL
hsl(264, 100%, 50%)
HSB
hsb(264, 100%, 100%)
CMYK
cmyk(60%, 100%, 0%, 0%)
Oklch
oklch(50.5% 0.294 285.7)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#A600FF

Royal Purple · DarkViolet · Violet

HEX
#A600FF
RGB
rgb(166, 0, 255)
HSL
hsl(279, 100%, 50%)
HSB
hsb(279, 100%, 100%)
CMYK
cmyk(35%, 100%, 0%, 0%)
Oklch
oklch(57.6% 0.298 305.8)

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

#E600FF

Royal Purple · Magenta · Violet

HEX
#E600FF
RGB
rgb(230, 0, 255)
HSL
hsl(294, 100%, 50%)
HSB
hsb(294, 100%, 100%)
CMYK
cmyk(10%, 100%, 0%, 0%)
Oklch
oklch(66.5% 0.314 322.8)

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

#FF00D8

Rose Purple · Magenta · Violet

HEX
#FF00D8
RGB
rgb(255, 0, 216)
HSL
hsl(309, 100%, 50%)
HSB
hsb(309, 100%, 100%)
CMYK
cmyk(0%, 100%, 15%, 0%)
Oklch
oklch(68.0% 0.299 337.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2700FF
D9FF00

Analogous

0059FF
2700FF
A600FF

Triadic

2700FF
FF2600
00FF26

Split-Comp.

2700FF
FFA600
59FF00

Tetradic

2700FF
FF0059
D9FF00
00FFA6

Contrast Matrix WCAG 2.1 Contrast

2700FF
6700FF
A600FF
E600FF
FF00D8
—
1.2
Fail
1.6
Fail
2.3
Fail
2.5
Fail
1.2
Fail
—
1.3
Fail
1.9
Fail
2.1
Fail
1.6
Fail
1.3
Fail
—
1.4
Fail
1.5
Fail
2.3
Fail
1.9
Fail
1.4
Fail
—
1.1
Fail
2.5
Fail
2.1
Fail
1.5
Fail
1.1
Fail
—
White BG
8.3AAA
7.0AA
5.2AA
3.6AA Large
3.4AA Large
Black BG
2.5Fail
3.0AA Large
4.1AA Large
5.8AA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1616C1
3A39C1
5E5DC1
8280C1
918EA4

Deuteranopia

181BB3
4048B3
6874B3
90A1B3
9FB397

Tritanopia

259186
629186
9E9186
DB9186
F27A71

Achromatopsia

292929
3C3C3C
4F4F4F
626262
656565

Shades & Tints Shades & Tints

#2700FF

Dark
Light

#6700FF

Dark
Light

#A600FF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2700ff;
  --color-2: #6700ff;
  --color-3: #a600ff;
  --color-4: #e600ff;
  --color-5: #ff00d8;
}

SCSS

$color-1: #2700ff;
$color-2: #6700ff;
$color-3: #a600ff;
$color-4: #e600ff;
$color-5: #ff00d8;

TAILWIND

colors: {
  'brand-1': '#2700ff',
  'brand-2': '#6700ff',
  'brand-3': '#a600ff',
  'brand-4': '#e600ff',
  'brand-5': '#ff00d8',
}

RGB Array

[39, 0, 255], [103, 0, 255], [166, 0, 255], [230, 0, 255], [255, 0, 216]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #2700FF, #6700FF, #A600FF, #E600FF, #FF00D8 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #2700ff; --color-2: #6700ff; --color-3: #a600ff; --color-4: #e600ff; --color-5: #ff00d8. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 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