Light Pink #FFB6C1

Light Pink#FFB6C1 · rgb(255, 182, 193)

Light Pink color codes

CSS namelightpink
HEX#FFB6C1
RGBrgb(255, 182, 193)
HSLhsl(351, 100%, 86%)
CMYKcmyk(0%, 29%, 24%, 0%)
Decimal16758465

Shades of Light Pink (darker)

#E6A4AE · #CC929A · #B37F87 · #996D74 · #805B61 · #66494D · #4D373A · #332427 · #1A1213

Tints of Light Pink (lighter)

#FFBDC7 · #FFC5CD · #FFCCD4 · #FFD3DA · #FFDBE0 · #FFE2E6 · #FFE9EC · #FFF0F3 · #FFF8F9

Color harmonies

Complementary
#B8FFF4
Triadic
#C2FFB8, #B8C2FF
Analogous
#FFB8E6, #FFD1B8

Accessibility (WCAG contrast)

White text on Light Pink1.65:1 · Fail
Black text on Light Pink12.71:1 · AAA

Use Light Pink in code

.element {
  color: lightpink;          /* or #ffb6c1 */
  background-color: rgb(255 182 193 / 0.5);
}

Frequently asked questions

What is the hex code for Light Pink?

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

Can I use "lightpink" directly in CSS?

Yes. "lightpink" is one of the 148 standard CSS named colors, so color: lightpink; works in every browser.

Is Light Pink readable on white?

The contrast ratio of Light Pink on white is 1.65:1 (WCAG Fail). On black it is 12.71:1 (AAA).

What is the complementary color of Light Pink?

The complementary color (opposite on the color wheel) is #B8FFF4.

Similar colors

Pink#FFC0CBPeach Puff#FFDAB9Wheat#F5DEB3Navajo White#FFDEADBisque#FFE4C4Thistle#D8BFD8Moccasin#FFE4B5Plum#DDA0DD

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.