CSS named color
Pink
#FFC0CB
HEX
#ffc0cbRGB
rgb(255, 192, 203)HSL
hsl(350, 100%, 88%)OKLCH
oklch(86.77% 0.0735 7.09)NAME
pinkPalette
Complementary
180° on the color wheelComplement
#C2FFF5
Analogous
±30° around the base hueLeft
#FFC2EB
Right
#FFD6C2
Triadic
±120° for harmonic contrastTriad 1
#CCFFC2
Triad 2
#C2CCFF
Shades
Lighter and darker variantsCSS usage
By name
color: pink;
background-color: pink;By HEX
color: #ffc0cb;
background-color: #ffc0cb;By RGB
color: rgb(255, 192, 203);
background-color: rgb(255, 192, 203);By HSL
color: hsl(350, 100%, 88%);
background-color: hsl(350, 100%, 88%);WCAG contrast vs white
Aa
1.54:1
Below minimum
WCAG contrast vs black
Aa
13.65:1
AAA
Related colors
FAQ — Pink
What is the HEX code for Pink?
The HEX code for Pink is #FFC0CB. It's one of the 148 named CSS colors and can be used directly in CSS as color: pink; or color: #ffc0cb;
What is Pink in RGB?
Pink in RGB is rgb(255, 192, 203) — red 255, green 192, blue 203.
What is Pink in HSL?
Pink in HSL is hsl(350, 100%, 88%) — hue 350°, saturation 100%, lightness 88%.
What is the complementary color of Pink?
The complementary color (directly opposite Pink on the color wheel) is #C2FFF5. The two together produce maximum contrast.
Is white text readable on Pink?
The WCAG contrast ratio against white (#FFFFFF) is 1.54:1, and against black (#000000) it's 13.65:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.