Color Screen

Dark Violet Screen

A full-screen solid dark violet color (#9400D3). Fill your whole display, or download the dark violet screen as an image in 480p, 720p, 1080p, 1440p, 4K or any size you type in.

1920 × 1080 px · #9400D3
Color
Resolution
Aspect ratio
Custom size (pixels)
×
Advanced — print resolution (DPI)
Embedded in the PNG for print workflows. Screen use can leave this at 72.

What is a dark violet screen?

A dark violet screen is simply a web page filled edge to edge with one solid color — Dark Violet, hex #9400D3, or rgb(148, 0, 211). It is a dark, cool color: in HSL it sits at 282° hue, 100% saturation and 41% lightness, and its relative luminance is 11.0%. dark-violet is one of the standard CSS color names, so it renders identically in every browser.

Dark Violet screen at a glance

How a full-screen dark violet (#9400D3) behaves as a light, a test pattern and a background — measured from the color itself.

Brightness11% of a white screenA dim glow — easy on the eyes in a dark room.
Blue lighthigh (69% of its light)More blue than a white screen — better for daytime than late at night.
Night useBetter for daytimeFor a night light, turn the brightness down or choose a warmer screen such as red or orange.
Text on itWhite text · 6.6:1Readable for normal text (WCAG AA).
Display testgreen switched offA stuck-on green sub-pixel shows as a bright speck.

What people use a dark violet screen for

As a saturated color, dark violet makes a bold backdrop for product photos, thumbnails and streams, and a strong mood light for a desk or party.

Purple and violet screens are a mainstay of RGB desk setups, gaming rooms and stream overlays, where a purple wash sets the mood without being as harsh as pure red or blue. Purple lights the red and blue sub-pixels together, so it also helps reveal a failing green sub-pixel.

As a test pattern, a dark dark violet field is best for spotting backlight bleed and IPS glow on an LCD, or stuck "always-on" pixels on an OLED.

Dark Violet screen preview — a full-screen solid dark violet color, hex #9400D3, rgb(148, 0, 211)
The dark violet screen (#9400D3) — this is also the preview image shown when you share the page.

How to use the dark violet screen

The color is already set to Dark Violet (#9400D3). Tap Open full screen, or the preview, to fill your whole display with dark violet; press Esc or tap again to exit. To keep a copy, pick a size — 1920 × 1080 for a desktop wallpaper, 1080 × 1920 for a phone or 3840 × 2160 for a 4K TV — and tap Download PNG or JPG. The file is created in your browser and saved as dark-violet-screen-1920x1080.png, with no watermark. A flat dark violet image compresses to a few kilobytes even at 4K.

Every resolution, aspect ratio and device tip (phones, TVs, projectors, second monitors) is in the full color screen guide.

Dark Violet screen color codes

The full-screen color and every download use exactly these values. Tap any row to copy it.

Hex#9400D3
RGBrgb(148, 0, 211)
RGB %58%, 0%, 83%
HSLhsl(282, 100%, 41%)
HSV / HSBhsv(282, 100%, 83%)
CMYKcmyk(30%, 100%, 0%, 17%)
OKLCHoklch(51% 0.261 310)
Closest web-safe#9900CC
Closest CSS nameDark Violet (exact)

Contrast against white text 6.56:1 · against black text 3.20:1. See the full Dark Violet color page for harmonies, shades and tints, or open it in the color picker.

Colors that go with a dark violet screen

Using two screens side by side, a split display or a dark violet wallpaper with accents? These named colors sit in harmony with Dark Violet on the color wheel:

Build a full scheme from dark violet in the color matcher or the palette generator, or blend it into another color with the gradient creator for a gradient wallpaper.

Popular color screens

The colors people reach for most often as a full-screen background or light:

Colors similar to Dark Violet

More purple screens

Browse every color screen →

Dark Violet screen — FAQ

What is the hex code for a dark violet screen?

A dark violet screen uses the color Dark Violet, hex #9400D3 — rgb(148, 0, 211). The full-screen view and every download use exactly that value, and dark-violet also works as a CSS color name.

How do I make my whole screen dark violet?

Open this page and tap Open full screen (or tap the preview). Your browser fills the entire display with dark violet and hides its own toolbars; press Esc or tap the screen to come back. To keep it, download it in 1080p, 4K or any size as a free PNG or JPG — no sign-up or watermark.

How bright is a dark violet screen?

A dark violet screen gives off about 11% of the light of a white screen at the same brightness setting, a comfortable level for ambient light. About 69% of its light is blue (a white screen is 33%), which counts as high blue light.

What color text is easiest to read on a dark violet screen?

White text, with a contrast ratio of 6.6:1, which passes the WCAG guideline for normal text. Check any other pairing in the contrast checker.

Does a dark violet screen save battery?

On phones and laptops with an OLED or AMOLED display, yes — dark pixels use very little power and true black uses none, so a dark violet screen draws less than a bright one. On a normal LCD the backlight stays on regardless, so the saving is small.