Light Pink hex code
The hex code for light pink is #FFB6C1. In RGB that is rgb(255, 182, 193) and in HSL it is hsl(351, 100%, 86%).
The hex code for light pink is #FFB6C1. In RGB that is rgb(255, 182, 193) and in HSL it is hsl(351, 100%, 86%).
Light Pink · #FFB6C1
Colour codes
- HEX
- #FFB6C1
- RGB
- rgb(255, 182, 193)
- HSL
- hsl(351, 100%, 86%)
- CMYK
- 0, 29, 24, 0
- CSS name
- lightpink
- Contrast on white
- 1.65:1
- Contrast on black
- 12.71:1
Tints and shades
20% lighter · #ffc5cd
40% lighter · #ffd3da
60% lighter · #ffe2e6
80% lighter · #fff0f3
20% darker · #cc929a
40% darker · #996d74
60% darker · #66494d
80% darker · #332427
Complementary colour
Light Pink · #FFB6C1
Opposite on the colour wheel · #b8fff4
Frequently asked questions
What is the hex code for light pink?
The hex code for light pink is #FFB6C1. In RGB that is rgb(255, 182, 193) and in HSL it is hsl(351, 100%, 86%).
Can I use light pink for text?
It has a contrast ratio of 1.65:1 on white and 12.71:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with light pink?
Its complementary colour, opposite on the colour wheel, is #B8FFF4. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of light pink instead.
Is light pink a CSS colour name?
Yes. CSS accepts the keyword lightpink, so color: lightpink and color: #FFB6C1 render exactly the same.