Pink Color (#FFC0CB)
Pink is a CSS named color defined as hex code #FFC0CB. It is a touch lighter than Light Pink (#FFB6C1) and is the pale, neutral pink most people picture when they hear the word. Because it is so light, it reads as a soft tint rather than a bold color.
Color Overview & Formats
pinkLuminance: 0.6327| Format | Syntax / Values | Notes | Action |
|---|---|---|---|
| HEX | #FFC0CB | 6-digit hex web code | |
| RGB | rgb(255, 192, 203) | Red, Green, Blue channels (0-255) | |
| HSL | hsl(350, 100%, 88%) | Hue (350°), Saturation (100%), Lightness (88%) | |
| HSV / HSB | hsv(350, 25%, 100%) | Hue, Saturation (25%), Value/Brightness (100%) | |
| CMYK | cmyk(0%, 25%, 20%, 0%) | Digital mathematical approximation (non-print) | |
| OKLCH | oklch(0.868 0.074 7.1) | Perceptually uniform color space (CSS Color 4 approximation) |
background-color: #FFC0CB; /* or pink */- Select color format: Choose the desired format (HEX #FFC0CB, RGB, or HSL).
- Copy the code: Click the copy button or press Tab+Enter to store in clipboard.
- Pair with black text: Black text on Pink reaches 13.65:1 (WCAG AAA).
What Colors Go With Pink?
These 6 colors all go well with Pink (#FFC0CB), and each one is a standard CSS named color. The ratio is the WCAG 2.2 contrast of that color on Pink: at 4.5:1 or above it works for text; below that, use it for backgrounds and accents.
Harmonious Palettes & Tints
The palettes below are algorithmically generated across standard intervals based on Pink (HSL 350°). Each group offers full palette copy and live preview:
Complementary Harmony
Hue rotated 180 degrees on the HSL wheel (350° to 170°), keeping the original saturation and lightness.
Analogous Harmony
Hues 30 degrees either side (320° and 20°), keeping the original saturation and lightness.
Triadic Harmony
Hues spaced evenly by 120 degrees (110° and 230°), keeping the original saturation and lightness.
Tints & Shades
Mixed with white (tints) and black (shades) in sRGB at 60% and 30%.
WCAG 2.2 Text Readability & Contrast Check
Under WCAG 2.2 criteria, regular body text requires at least 4.5:1 (AA) and large text requires at least 3.0:1. The table below displays calculated contrast ratios:
| Foreground Color | Contrast Ratio | Normal Text (AA) | Large Text (AA) | Normal Text AAA (>= 7.0:1) |
|---|---|---|---|---|
Pure Black (#000000) | 13.65:1 | Pass | Pass | Pass |
Pure White (#FFFFFF) | 1.54:1 | Fail | Fail | Fail |
Dark Charcoal (#212529) | 10.03:1 | Pass | Pass | Pass |
Mid Gray (#666666) | 3.73:1 | Fail | Pass | Fail |
Interactive Contrast Tester
Enter text foreground and background colors to verify WCAG legibility:
This is sample body text rendered directly to verify contrast and readability.
Pink Background Download
Download standard 1920x1080 solid desktop wallpaper or generate mobile wallpaper:
Standard Wallpaper: 1920x1080 PNG (#FFC0CB)Download Options
All wallpaper files precisely match the W3C standard color value:
CSS Standard & Usage Notes
pink = #ffc0cb (rgb(255, 192, 203))
UI Design & Accessibility Guidelines
Use Pink for large, calm surfaces: section backgrounds, cards, tags and illustration fills. Set text on it in a dark color such as navy or near-black; white text on Pink fails WCAG contrast at every size.
Frequently Asked Questions (FAQ)
Can I use black text on Pink?
Yes. Black text on Pink has a WCAG 2.2 contrast ratio of 13.65:1, passing both AA (4.5:1) and AAA (7:1) at every text size.
Can I use white text on Pink?
No. White text on Pink has a WCAG 2.2 contrast ratio of only 1.54:1, below the 3:1 minimum even for large text.
What colors go with Pink?
Navy, Dark Slate Gray, Teal, Light Steel Blue, Wheat and Crimson all go well with Pink. Navy (10.41:1) and Dark Slate Gray (5.8:1) have enough contrast for text on Pink; Teal, Light Steel Blue, Wheat and Crimson work better as a background or accent.
What is the difference between Pink and Light Pink?
Pink (#FFC0CB) is slightly lighter than Light Pink (#FFB6C1). The two CSS named colors have the same red channel and differ by only ten points in green and blue, so side by side Light Pink looks a little deeper.