- No data uploaded
- Instant results
Light Pink — #FFB6C1
Light Pink is the CSS named colour lightpink, hex #FFB6C1. It has a contrast ratio of 1.65:1 on white and 12.71:1 on black — best used as text on dark backgrounds.
Light Pink — #FFB6C1
Contrast on white 1.65:1 · on black 12.71:1
Tints
Shades
Complementary
Triadic
Analogous
Using Light Pink in code
CSS: color: lightpink; or color: #FFB6C1; · Tailwind: text-[#FFB6C1] · Android/Flutter: 0xFFFFB6C1
Light Pink colour harmonies
Complementary: #B6FFF4 · Triadic: #C1FFB6, #B6C1FF · Analogous: #FFB6E6, #FFCFB6. Use tints for backgrounds and shades for hover states.
Light Pink in every colour format
| Format | Value |
|---|---|
| HEX | #FFB6C1 |
| RGB | rgb(255, 182, 193) |
| HSL | hsl(351, 100%, 86%) |
| HSV | hsv(351, 29%, 100%) |
| CMYK | cmyk(0%, 29%, 24%, 0%) |
| CSS name | lightpink |
| Contrast on white | 1.65:1 |
| Contrast on black | 12.71:1 |
Frequently asked questions
What is the hex code for Light Pink?
#FFB6C1 (CSS name: lightpink).
What is Light Pink in RGB?
rgb(255, 182, 193)
What colour goes well with Light Pink?
Its complementary colour #B6FFF4, or the analogous #FFB6E6 and #FFCFB6.