Pink Screen.
Open a pink screen in full screen, explore shades, or download a solid pink background.
Choose your color
Click to previewScreen settings Dimming & keep awake
This changes the displayed color. Adjust your device brightness for a brighter or dimmer screen.
Works only while this page is visible. Your system may still interrupt it.
Download a plain background
#FFFFFFA clean, solid image. No border, watermark or dimming.
Key takeaways
- Pink #FFC0CB is the CSS colour `pink`; all three subpixels are lit.
- Light Pink #FFB6C1 is, despite its name, slightly darker than Pink.
- Pale Pink #FFE4E1 is the CSS colour `mistyrose`, the lightest of the three.
Pick a color
Start with pink, choose a preset or enter your own HEX code.
Make it full screen
Open the color across your screen. Press Escape or tap Exit to return.
Take it with you
Download a plain PNG or JPG in the size that fits your project.
Your pink screen, from classic to soft.
Start with classic pink #FFC0CB, switch to Light Pink #FFB6C1 or Pale Pink #FFE4E1, or choose your own shade. Download a pink screen background in landscape, portrait or square dimensions.
Which pink is lightest?
Pale Pink. The names in CSS are older than the logic: lightpink (#FFB6C1) has less green and blue than pink (#FFC0CB), so it looks a little deeper.
| Preset | CSS name | HEX | Luminance vs white |
|---|---|---|---|
| Pink | pink | #FFC0CB | 63 % |
| Light Pink | lightpink | #FFB6C1 | 59 % |
| Pale Pink | mistyrose | #FFE4E1 | 82 % |
Because pink lights all three subpixels, it is a soft background colour rather than a test colour.
Find your color.
What is pink made of on a screen?
Pink #FFC0CB is red at full strength (255) with green at 192 and blue at 203. Because green and blue sit fairly high, the colour reads as red mixed generously with white rather than as a light red. That mix is also why pink gives about 63 % of the light of a white screen, a lot more than pure red does.
The Screen dimming slider multiplies all three channels by the same factor. At 50 % dimming, pink becomes #806066, a muted dusty rose: the hue stays, but the result looks greyer and browner than most people expect from "dark pink".
Which text colour works on a pink background?
Black or very dark text. Measured with the WCAG contrast formula, black on #FFC0CB reaches a ratio of about 13.7 to 1, well above the 4.5 to 1 that WCAG asks for normal body text. White on the same pink manages only about 1.5 to 1, so white headlines on a pale pink slide or phone wallpaper are hard to read for many people.
| Pink background | With black text | With white text |
|---|---|---|
| Pink #FFC0CB | 13.7 : 1 | 1.5 : 1 |
| Pale Pink #FFE4E1 | 17.4 : 1 | 1.2 : 1 |
| Hot pink #FF69B4 (custom) | 7.9 : 1 | 2.6 : 1 |
Want a stronger pink? Type a CSS name's code into the HEX field: hotpink is #FF69B4 and deeppink is #FF1493. Both are far more saturated than the three presets, and the download panel will export whichever code you apply.
What is a pink screen good for?
- A soft, plain backdrop for a title slide, a screen share or a photo of a small object.
- A phone or desktop wallpaper you can download in portrait, landscape or square.
- A gentle colour behind a video call when white feels too harsh.
It is not a useful pixel test. Every subpixel is lit, so a faulty one hides in the mix; the single-colour red, green and blue pages show faults much more clearly.
Questions, answered.
Is hot pink one of the presets?
No. The presets are Pink, Light Pink and Pale Pink. Enter #FF69B4 for hotpink or #FF1493 for deeppink and press Apply.
Why does Light Pink look darker than Pink?
The CSS names were inherited from older colour lists, and `lightpink` has lower green and blue values than `pink`.
How do I get a light pink screen?
Choose Light Pink in the shade options. The preview changes immediately without reloading the page; the shade’s HEX code also appears in the export panel.
How do I leave full screen?
Press Escape or move your mouse or touch the screen to reveal Exit. Press F to toggle full screen when you are not typing in a field.
Sources: W3C, CSS Color Module Level 4, named colors; W3C, WCAG 2 definition of relative luminance. Last reviewed November 12, 2026.