#FFB6C1

Light Pink · rgb(255, 182, 193)

Light Pink Shades

Light Pink Color Code

A gentle pale pink with a warm, welcoming feel.

HEX #FFB6C1
RGB rgb(255, 182, 193)
HSL hsl(351, 100%, 85.7%)
HSV hsv(351, 28.6%, 100%)
CMYK cmyk(0%, 29%, 24%, 0%)

Text and Contrast Previews

How Light Pink behaves as a background and as a text colour, with measured WCAG contrast ratios.

Near-black text #150C0C on #FFB6C1 11.67:1 · AA body text
White text #FFFFFF on #FFB6C1 1.65:1 · decorative only
Light Pink on white #FFB6C1 on #FFFFFF 1.65:1 · large text fails
Light Pink on charcoal #FFB6C1 on #150C0C 11.67:1 · AA body text

Tints and Shades of Light Pink

Nine steps built by moving the lightness of #FFB6C1 up and down in HSL. Click any step to copy it.

Complementary and Matching Colors

Generated directly from the hue of #FFB6C1. The complement gives maximum contrast; the analogous pair keeps the palette warm and quiet.

Common uses

Cards, baby themes, soft sections.

Design recommendations

This is a light shade, so it earns its keep on large surfaces: page backgrounds, section bands and cards. Set text in a dark ink such as #150C0C and add a hairline border in #E8CFC9 to define edges.

Accessibility notes

Pair this background with near-black text (#150C0C) for the best result at 11.67:1. That meets WCAG AA for body text at any size.

CSS and HTML Examples

CSS

.element {
  color: #FFB6C1;
}

.element-bg {
  background-color: #FFB6C1;
  color: #150C0C;
}

.element-border {
  border: 2px solid #FFB6C1;
}

:root {
  --light-pink: #FFB6C1;
}

HTML

<p style="color: #FFB6C1;">Light Pink text</p>
<div style="background: #FFB6C1; color: #150C0C; padding: 1rem;">
  Light Pink panel
</div>

Similar Pink Shades

The six closest colours to Light Pink measured across the RGB channels.

Pink

Classic Pink

RGBrgb(255, 192, 203)
HSLhsl(349.5, 100%, 87.6%)
CMYKcmyk(0%, 25%, 20%, 0%)

Bubblegum Pink

Playful Pink

RGBrgb(255, 193, 204)
HSLhsl(349.4, 100%, 87.8%)
CMYKcmyk(0%, 24%, 20%, 0%)

Baby Pink

Light Pink

RGBrgb(244, 194, 194)
HSLhsl(0, 69.4%, 85.9%)
CMYKcmyk(0%, 20%, 20%, 4%)

Tea Rose

Rose Pink

RGBrgb(244, 194, 194)
HSLhsl(0, 69.4%, 85.9%)
CMYKcmyk(0%, 20%, 20%, 4%)

Cotton Candy

Playful Pink

RGBrgb(255, 188, 217)
HSLhsl(334, 100%, 86.9%)
CMYKcmyk(0%, 26%, 15%, 0%)

Pastel Pink

Light Pink

RGBrgb(255, 209, 220)
HSLhsl(345.7, 100%, 91%)
CMYKcmyk(0%, 18%, 14%, 0%)

More Light Pink Shades

Other members of the light pink family: Baby Pink #F4C2C2, Blush Pink #DE5D83, Pastel Pink #FFD1DC.

You can also return to the complete pink shades collection, compare pairings in pink colour combinations, or read the complete pink colour code reference.

Light Pink FAQs

What is the Light Pink color code?

The Light Pink color code is #FFB6C1 in HEX, rgb(255, 182, 193) in RGB and hsl(351, 100%, 85.7%) in HSL.

What is the RGB value of Light Pink?

Light Pink is rgb(255, 182, 193) — red 255, green 182 and blue 193 on a 0–255 scale.

What is the CMYK value of Light Pink for print?

Light Pink converts to cmyk(0%, 29%, 24%, 0%). Bright, saturated pinks need heavy magenta and yellow ink, so always confirm this shade against a physical proof before signing off print work.

Which text colour is readable on Light Pink?

Near-black text (#150C0C) gives the stronger result at about 11.7:1. That clears the WCAG AA minimum for body text.

What colours go with Light Pink?

Its direct complement is #B6FFF4. For a softer palette, use the analogous pair #FFB6E5 and #FFD0B6, or ground it with a dark neutral such as #150C0C and a cream such as #F7F0EA.

Which pink shades are closest to Light Pink?

The nearest shades in this collection are Pink (#FFC0CB), Bubblegum Pink (#FFC1CC), Baby Pink (#F4C2C2).

Never guess a pink again

Copy accurate pink color codes in one click.