← Back to Editor

#000000 · #700000 · #FF219F · #7DD1FF · #260410

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 AppData Visualization

Color Details Color Details

#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

#700000

Vermilion · Maroon · Wine Red

HEX
#700000
RGB
rgb(112, 0, 0)
HSL
hsl(0, 100%, 22%)
HSB
hsb(0, 100%, 44%)
CMYK
cmyk(0%, 100%, 100%, 56%)
Oklch
oklch(34.2% 0.140 29.2)

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

#FF219F

Rose Purple · DeepPink · Rose Pink

HEX
#FF219F
RGB
rgb(255, 33, 159)
HSL
hsl(326, 100%, 56%)
HSB
hsb(326, 87%, 100%)
CMYK
cmyk(0%, 87%, 38%, 0%)
Oklch
oklch(66.3% 0.260 353.6)

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

#7DD1FF

Sky Blue · LightSkyBlue · Cobalt Blue

HEX
#7DD1FF
RGB
rgb(125, 209, 255)
HSL
hsl(201, 100%, 75%)
HSB
hsb(201, 51%, 100%)
CMYK
cmyk(51%, 18%, 0%, 0%)
Oklch
oklch(82.4% 0.104 234.0)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#260410

Dark Violet · Black · Raspberry

HEX
#260410
RGB
rgb(38, 4, 16)
HSL
hsl(339, 81%, 8%)
HSB
hsb(339, 89%, 15%)
CMYK
cmyk(0%, 89%, 58%, 85%)
Oklch
oklch(18.3% 0.060 2.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

000000
000000

Analogous

000000
000000
000000

Triadic

000000
000000
000000

Split-Comp.

000000
000000
000000

Tetradic

000000
000000
000000
000000

Contrast Matrix WCAG 2.1 Contrast

000000
700000
FF219F
7DD1FF
260410
—
1.7
Fail
6.0
AA
12.4
AAA
1.1
Fail
1.7
Fail
—
3.5
AA Large
7.4
AAA
1.5
Fail
6.0
AA
3.5
AA Large
—
2.1
Fail
5.4
AA
12.4
AAA
7.4
AAA
2.1
Fail
—
11.2
AAA
1.1
Fail
1.5
Fail
5.4
AA
11.2
AAA
—
White BG
21.0AAA
12.4AAA
3.5AA Large
1.7Fail
19.0AAA
Black BG
1.0Fail
1.7Fail
6.0AA
12.4AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

000000
403E00
9F9D81
A1A2F4
17170D

Deuteranopia

000000
464E00
ACBC79
9D96F1
191C0C

Tritanopia

000000
6A0000
F46863
81EBE9
240B0A

Achromatopsia

000000
212121
727272
BDBDBD
101010

Shades & Tints Shades & Tints

#000000

Dark
Light

#700000

Dark
Light

#FF219F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #000000;
  --color-2: #700000;
  --color-3: #ff219f;
  --color-4: #7dd1ff;
  --color-5: #260410;
}

SCSS

$color-1: #000000;
$color-2: #700000;
$color-3: #ff219f;
$color-4: #7dd1ff;
$color-5: #260410;

TAILWIND

colors: {
  'brand-1': '#000000',
  'brand-2': '#700000',
  'brand-3': '#ff219f',
  'brand-4': '#7dd1ff',
  'brand-5': '#260410',
}

RGB Array

[0, 0, 0], [112, 0, 0], [255, 33, 159], [125, 209, 255], [38, 4, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #000000, #700000, #FF219F, #7DD1FF, #260410 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: #000000; --color-2: #700000; --color-3: #ff219f; --color-4: #7dd1ff; --color-5: #260410. 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 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