← Back to Editor

#000656 · #28009E · #6900E2 · #BD00E3 · #FF2EC3

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#000656

Indigo · MidnightBlue · Deep Sea Blue

HEX
#000656
RGB
rgb(0, 6, 86)
HSL
hsl(236, 100%, 17%)
HSB
hsb(236, 100%, 34%)
CMYK
cmyk(100%, 93%, 0%, 66%)
Oklch
oklch(21.4% 0.136 264.2)

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

#28009E

Deep Indigo · Navy · Prussian Blue

HEX
#28009E
RGB
rgb(40, 0, 158)
HSL
hsl(255, 100%, 31%)
HSB
hsb(255, 100%, 62%)
CMYK
cmyk(75%, 100%, 0%, 38%)
Oklch
oklch(33.4% 0.209 275.6)

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

#6900E2

Deep Indigo · DarkViolet · Violet

HEX
#6900E2
RGB
rgb(105, 0, 226)
HSL
hsl(268, 100%, 44%)
HSB
hsb(268, 100%, 89%)
CMYK
cmyk(54%, 100%, 0%, 11%)
Oklch
oklch(47.6% 0.267 291.1)

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

#BD00E3

Royal Purple · DarkViolet · Violet

HEX
#BD00E3
RGB
rgb(189, 0, 227)
HSL
hsl(290, 100%, 45%)
HSB
hsb(290, 100%, 89%)
CMYK
cmyk(17%, 100%, 0%, 11%)
Oklch
oklch(58.6% 0.283 318.6)

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

#FF2EC3

Rose Purple · DeepPink · Violet

HEX
#FF2EC3
RGB
rgb(255, 46, 195)
HSL
hsl(317, 100%, 59%)
HSB
hsb(317, 82%, 100%)
CMYK
cmyk(0%, 82%, 24%, 0%)
Oklch
oklch(68.4% 0.269 343.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

000656
575100

Analogous

003157
000656
260057

Triadic

000656
570006
065700

Split-Comp.

000656
572600
315700

Tetradic

000656
570031
575100
005726

Contrast Matrix WCAG 2.1 Contrast

000656
28009E
6900E2
BD00E3
FF2EC3
—
1.4
Fail
2.3
Fail
3.7
AA Large
5.5
AA
1.4
Fail
—
1.7
Fail
2.7
Fail
4.1
AA Large
2.3
Fail
1.7
Fail
—
1.6
Fail
2.4
Fail
3.7
AA Large
2.7
Fail
1.6
Fail
—
1.5
Fail
5.5
AA
4.1
AA Large
2.4
Fail
1.5
Fail
—
White BG
18.1AAA
13.3AAA
7.8AAA
4.9AA
3.3AA Large
Black BG
1.2Fail
1.6Fail
2.7Fail
4.3AA Large
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

030343
171678
3C3BAB
6B69AC
A5A39F

Deuteranopia

02023E
191C6F
424A9E
76849F
B1C096

Tritanopia

003330
265A53
648077
B48177
F5827C

Achromatopsia

0D0D0D
1E1E1E
393939
525252
7D7D7D

Shades & Tints Shades & Tints

#000656

Dark
Light

#28009E

Dark
Light

#6900E2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #000656;
  --color-2: #28009e;
  --color-3: #6900e2;
  --color-4: #bd00e3;
  --color-5: #ff2ec3;
}

SCSS

$color-1: #000656;
$color-2: #28009e;
$color-3: #6900e2;
$color-4: #bd00e3;
$color-5: #ff2ec3;

TAILWIND

colors: {
  'brand-1': '#000656',
  'brand-2': '#28009e',
  'brand-3': '#6900e2',
  'brand-4': '#bd00e3',
  'brand-5': '#ff2ec3',
}

RGB Array

[0, 6, 86], [40, 0, 158], [105, 0, 226], [189, 0, 227], [255, 46, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #000656, #28009E, #6900E2, #BD00E3, #FF2EC3 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: #000656; --color-2: #28009e; --color-3: #6900e2; --color-4: #bd00e3; --color-5: #ff2ec3. 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