Blue Violet Screen
A full-screen solid blue violet color (#8A2BE2). Fill your whole display, or download the blue violet screen as an image in 480p, 720p, 1080p, 1440p, 4K or any size you type in.
Advanced — print resolution (DPI)
What is a blue violet screen?
A blue violet screen is simply a web page filled edge to edge with one solid color — Blue Violet, hex #8A2BE2, or rgb(138, 43, 226). It is a mid-toned, cool color: in HSL it sits at 271° hue, 76% saturation and 53% lightness, and its relative luminance is 12.6%. blue-violet is one of the standard CSS color names, so it renders identically in every browser.
Blue Violet screen at a glance
How a full-screen blue violet (#8A2BE2) behaves as a light, a test pattern and a background — measured from the color itself.
| Brightness | 13% of a white screen | A dim glow — easy on the eyes in a dark room. |
|---|---|---|
| Blue light | high (73% of its light) | More blue than a white screen — better for daytime than late at night. |
| Night use | Better for daytime | For a night light, turn the brightness down or choose a warmer screen such as red or orange. |
| Text on it | White text · 6.0:1 | Readable for normal text (WCAG AA). |
| Display test | Mixed sub-pixel levels | Good for spotting uneven backlight, banding and tint across the panel. |
What people use a blue violet screen for
As a saturated color, blue 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 flat blue violet field makes a dead or stuck pixel jump out, and it exercises the blue sub-pixel.
#8A2BE2) — this is also the preview image shown when you share the page.How to use the blue violet screen
The color is already set to Blue Violet (#8A2BE2). Tap Open full screen, or the preview, to fill your whole display with blue 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 blue-violet-screen-1920x1080.png, with no watermark. A flat blue 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.
Blue Violet screen color codes
The full-screen color and every download use exactly these values. Tap any row to copy it.
Contrast against white text 5.96:1 · against black text 3.52:1. See the full Blue Violet color page for harmonies, shades and tints, or open it in the color picker.
Colors that go with a blue violet screen
Using two screens side by side, a split display or a blue violet wallpaper with accents? These named colors sit in harmony with Blue Violet on the color wheel:
Build a full scheme from blue 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 Blue Violet
More purple screens
Blue Violet screen — FAQ
What is the hex code for a blue violet screen?
A blue violet screen uses the color Blue Violet, hex #8A2BE2 — rgb(138, 43, 226). The full-screen view and every download use exactly that value, and blue-violet also works as a CSS color name.
How do I make my whole screen blue violet?
Open this page and tap Open full screen (or tap the preview). Your browser fills the entire display with blue 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 blue violet screen?
A blue violet screen gives off about 13% of the light of a white screen at the same brightness setting, a comfortable level for ambient light. About 73% 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 blue violet screen?
White text, with a contrast ratio of 6.0:1, which passes the WCAG guideline for normal text. Check any other pairing in the contrast checker.