CSS named color
LightPink
#FFB6C1
HEX
#ffb6c1RGB
rgb(255, 182, 193)HSL
hsl(351, 100%, 86%)OKLCH
oklch(84.74% 0.0858 9.09)NAME
lightpinkPalette
Complementary
180° on the color wheelComplement
#B8FFF4
Analogous
±30° around the base hueLeft
#FFB8E6
Right
#FFD1B8
Triadic
±120° for harmonic contrastTriad 1
#C2FFB8
Triad 2
#B8C2FF
Shades
Lighter and darker variantsCSS usage
By name
color: lightpink;
background-color: lightpink;By HEX
color: #ffb6c1;
background-color: #ffb6c1;By RGB
color: rgb(255, 182, 193);
background-color: rgb(255, 182, 193);By HSL
color: hsl(351, 100%, 86%);
background-color: hsl(351, 100%, 86%);WCAG contrast vs white
Aa
1.65:1
Below minimum
WCAG contrast vs black
Aa
12.71:1
AAA
Related colors
FAQ — LightPink
What is the HEX code for LightPink?
The HEX code for LightPink is #FFB6C1. It's one of the 148 named CSS colors and can be used directly in CSS as color: lightpink; or color: #ffb6c1;
What is LightPink in RGB?
LightPink in RGB is rgb(255, 182, 193) — red 255, green 182, blue 193.
What is LightPink in HSL?
LightPink in HSL is hsl(351, 100%, 86%) — hue 351°, saturation 100%, lightness 86%.
What is the complementary color of LightPink?
The complementary color (directly opposite LightPink on the color wheel) is #B8FFF4. The two together produce maximum contrast.
Is white text readable on LightPink?
The WCAG contrast ratio against white (#FFFFFF) is 1.65:1, and against black (#000000) it's 12.71:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.