# Light Pink Color (#FFB6C1)

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

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

## Color Values
- **HEX**: #FFB6C1
- **RGB**: rgb(255, 182, 193)
- **HSL**: hsl(351, 100%, 86%)
- **HSV/HSB**: hsv(351, 29%, 100%)
- **CMYK**: cmyk(0%, 29%, 24%, 0%) (digital approximation, non-print)
- **OKLCH**: oklch(0.847 0.086 9.1)

## Comparison with Other Usages
- **W3C CSS Color 4**: #FFB6C1
- **PicMonkey / HTML Color Codes**: #FFB6C1
- **Figma**: #FFB5C0
- **ArtyClick**: #FFD1DF

## What Colors Go With Light Pink
Contrast is each color on Light Pink (WCAG 2.2); 4.5:1 or above is text-safe.
- **Navy (#000080)**: 9.69:1, text-safe. The classic high-contrast partner: crisp for text, buttons and logos on a light pink base.
- **Maroon (#800000)**: 6.63:1, text-safe. A deep burgundy-red from the same warm side of the wheel, giving a tonal, romantic look.
- **Dark Slate Gray (#2F4F4F)**: 5.4:1, text-safe. A muted charcoal-green gray that tones down the sweetness for a modern, grown-up feel.
- **Sage Green (Dark Sea Green) (#8FBC8F)**: 1.3:1, background or accent. A soft near-complement: calm and natural, best as a second background or large block.
- **Cream (Ivory) (#FFFFF0)**: 1.64:1, background or accent. A warm off-white for surrounding space; softer than pure white next to light pink.
- **Muted Gold (Goldenrod) (#DAA520)**: 1.35:1, background or accent. A metallic-style accent for borders, icons and details, as in wedding and stationery designs.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Light Pink**: 12.71:1 (Passes AA and AAA for both normal and large text)
- **Pure White (#FFFFFF) text on Light Pink**: 1.65:1 (Fails AA and AAA)
- **Dark Charcoal (#212529) text on Light Pink**: 9.34:1 (Passes AA and AAA for both normal and large text)
- **Mid Gray (#666666) text on Light Pink**: 3.48:1 (Passes AA for large text only)

## FAQ
### Can I use black text on Light Pink?
Yes. Black text on Light Pink achieves a WCAG 2.2 contrast ratio of 12.71:1, comfortably exceeding both the 4.5:1 AA threshold and the 7.0:1 AAA enhanced threshold for all text sizes.

### Can I use white text on Light Pink?
No. White text on Light Pink yields an insufficient contrast ratio of only 1.65:1, failing both the 4.5:1 AA standard for regular text and the 3.0:1 standard for large text.

### Is #FFB6C1 the only hex code for light pink?
No. While #FFB6C1 is the official W3C CSS named color lightpink, other design tools and dictionaries catalog close variations such as Figma (#FFB5C0) and ArtyClick (#FFD1DF).

### What colors go with light pink?
Navy, maroon, dark slate gray, sage green, cream and muted gold all go well with light pink. Navy (9.69:1), maroon (6.63:1) and dark slate gray (5.4:1) are dark enough for text on light pink; sage, cream and gold work better as backgrounds or accents.

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