LightPink Color

Learn about LightPink (#ffb6c1): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#ffb6c1
HEX #ffb6c1
RGB rgb(255, 182, 193)
HSL 351°, 100%, 86%

About LightPink Color

LightPink is a soft, delicate pink that feels romantic and gentle. It is popular in beauty products, wedding design, and children's apps.

Use Cases for LightPink

beauty productswedding designchildren appsvalentine themessoft accents

Shades & Tints of LightPink

#ffffff
#ffedf0
#ffdbe0
#ffc8d1
#ffb6c1
#bf8991
#805b61
#402e30
#000000

Complementary Color

#ffb6c1
#b8fff4

Analogous Colors

#ffb8e6
#ffb6c1
#ffd1b8

CSS Code

.lightpink-color {
  color: #ffb6c1;
}

Contrast Recommendations

Black text on LightPink
Ratio: 12.71:1 ✓ Passes AA ✓ Passes AAA
White text on LightPink
Ratio: 1.65:1 ✗ Fails AA ✗ Fails AAA

Related Colors

Pink
HotPink
PaleVioletRed
RosyBrown

Related Tools

Frequently Asked Questions

What color is LightPink?

LightPink is represented by the hex code #ffb6c1 and has RGB values of rgb(255, 182, 193). It falls under the Pink category.

How to use LightPink in web design?

LightPink works well for beauty products, wedding design, children apps. LightPink is a soft, delicate pink that feels romantic and gentle. It is popular in beauty products, wedding design, and children's apps. Use it as a primary color, accent, or background depending on your design needs.

What colors go with LightPink?

Colors that pair well with LightPink include pink, hotpink, palevioletred, rosybrown, lavenderblush. For a complementary scheme, try #b8fff4. For an analogous scheme, use #ffb8e6 and #ffd1b8.