LightPink Color — HEX, RGB, HSL, Palettes & Contrast

LightPink (#ffb6c1): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

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

Use LightPink in Your Projects

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

Triadic Colors

#ffb6c1
#c2ffb8
#b8c2ff

Split Complementary

#ffb6c1
#b8ffd1
#b8e6ff

Tetradic Colors

#ffb6c1
#fff4b8
#b8fff4
#b8c2ff

CSS Code

.lightpink-color {
  color: #ffb6c1;
  background-color: #ffb6c1;
}

/* As a CSS custom property */
:root {
  --color-lightpink: #ffb6c1;
}

Accessibility Score

75 / 100
Rating: Good
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

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

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. For a triadic scheme, combine with #c2ffb8 and #b8c2ff.