What HEX colors are in the Prism Echo Dusk palette?

The Prism Echo Dusk palette uses #0A1319, #7B00FF, #FF7824, #38FF77. Its highest-contrast pair is 14.05:1.

Is the Prism Echo Dusk palette accessible for text?

Use #0A1319 on #7B00FF for the strongest contrast. Always check the WCAG ratio before setting body copy.

#0A1319

#7B00FF

#FF7824

#38FF77

Prism Echo Dusk

Prism Echo Dusk is a cool balanced contrast palette built with black, purple, orange red, green tones. Copy the HEX codes, download the palette image, save it to your collection, or open related palettes below.

0⬇ Image Link Copy

#0A1319

Black

#7B00FF

Purple

#FF7824

Orange red

#38FF77

Green

MoodNight glowBuilt for bold graphics and dark backgrounds.

ContrastBalanced contrastHelps decide how to use text, buttons, and backgrounds.

Main tonesblack, purple, orange redThe strongest color families in this palette.

Best fitEvent graphicsMusic, games, posters, and night visuals.

Related Palettes

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Aurora Whisper Daybreak

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Aurora Whisper Voyage

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Use this palette for

Prism Echo music artwork Black glow buttons Purple arcade screen Cool night banner Neon palettes Soft beauty colors

Pairing tips

Background

Use #38FF77 for soft sections, cards, or open space.

Text and headings

Use #7B00FF or a deeper nearby shade for readable type.

Accent color

Use #FF7824 for buttons, labels, icons, or small highlights.

CSS variables

:root {
  --palette-color-1: #0A1319;
  --palette-color-2: #7B00FF;
  --palette-color-3: #FF7824;
  --palette-color-4: #38FF77;
}

Prism Echo Dusk colour names and contrast

Every value on this page is calculated from this palette's own HEX codes. The closest CSS named colour tells you what to call each shade, relative luminance shows how light or dark it truly is, and the contrast table shows which pairs are safe to set text in.

Swatch reference

Swatch	Closest named colour	Match	Luminance	Hue
#0A1319	Ink	29 RGB pts	0.006	204°
#7B00FF	Dark Violet	84 RGB pts	0.114	269°
#FF7824	Chocolate	71 RGB pts	0.348	23°
#38FF77	Spring Green	80 RGB pts	0.737	139°

Contrast ratios (WCAG 2.1)

Colour pair	Ratio	Body text	Large text
#0A1319 on #38FF77	14.05:1	AAA	AAA
#0A1319 on #FF7824	7.11:1	AAA	AAA
#7B00FF on #38FF77	4.79:1	AA	AAA
#0A1319 on #7B00FF	2.93:1	fail	fail
#7B00FF on #FF7824	2.42:1	fail	fail
#FF7824 on #38FF77	1.98:1	fail	fail

What this means in practice

Highest contrast: #0A1319 against #38FF77 at 14.05:1 — the safest pair here for body copy.
Lowest contrast: #FF7824 against #38FF77 at 1.98:1 — decorative use only, it does not meet WCAG AA for text.
Darkest colour: #0A1319 (Ink, luminance 0.006) — the natural choice for headings.
Lightest colour: #38FF77 (Spring Green, luminance 0.737) — best used for backgrounds.
Hue spread: 244° across 4 of 4 colours, which makes this a broad multicolour palette.
Text recommendation: set type in #0A1319 on a #38FF77 background, and reserve #FF7824 for borders, icons or accents.

FAQ

What type of palette is Prism Echo Dusk?

It is a cool balanced contrast color palette with black, purple, orange red, green tones.

Can this palette work for websites?

Yes. Use the lightest color for backgrounds, deeper colors for text, and mid tones for buttons or accents. Check the contrast table above before setting body copy.

Can I copy the HEX colors?

Yes. Use the copy buttons for the full palette or for a single color row.