# Pink Color (#FFC0CB)

> Pink is a CSS named color defined as hex code #FFC0CB.

- **URL**: https://swatchatlas.com/colors/pink/
- **Language**: English (en)
- **CSS Name**: `pink`
- **Date Published**: 2026-09-29
- **Date Modified**: 2026-09-29
- **Authority Citation**: W3C CSS Color Module Level 4 (https://www.w3.org/TR/css-color-4/#named-colors)

## Color Values
- **HEX**: #FFC0CB
- **RGB**: rgb(255, 192, 203)
- **HSL**: hsl(350, 100%, 88%)
- **HSV/HSB**: hsv(350, 25%, 100%)
- **CMYK**: cmyk(0%, 25%, 20%, 0%) (digital approximation, non-print)
- **OKLCH**: oklch(0.868 0.074 7.1)

## What Colors Go With Pink
Contrast is each color on Pink (WCAG 2.2); 4.5:1 or above is text-safe.
- **Navy (#000080)**: 10.41:1, text-safe. Crisp, preppy contrast; dark enough for headings and body text on pink.
- **Dark Slate Gray (#2F4F4F)**: 5.8:1, text-safe. A muted charcoal that keeps pink from feeling too sweet.
- **Teal (#008080)**: 3.1:1, background or accent. A cool blue-green counterweight; bold as a block, too light for body text.
- **Light Steel Blue (#B0C4DE)**: 1.16:1, background or accent. A soft pastel blue for gentle two-tone backgrounds.
- **Wheat (#F5DEB3)**: 1.17:1, background or accent. A warm beige neutral that makes pink look natural rather than bright.
- **Crimson (#DC143C)**: 3.24:1, background or accent. A saturated red for small accents in a tonal pink-and-red scheme.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Pink**: 13.65:1 (Passes AA and AAA for both normal and large text)
- **Pure White (#FFFFFF) text on Pink**: 1.54:1 (Fails AA and AAA)
- **Dark Charcoal (#212529) text on Pink**: 10.03:1 (Passes AA and AAA for both normal and large text)
- **Mid Gray (#666666) text on Pink**: 3.73:1 (Passes AA for large text only)

## 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.

## Background Download
- **Format**: PNG 1920x1080 solid background
- **URL**: https://swatchatlas.com/images/backgrounds/pink-1920x1080.png