Color palette for pink

Key takeaways

• Pink is #FFC0CB, rgb(255, 192, 203), hsl(350, 100%, 88%), CIELAB 83.6, 24.1, 3.3.
• Contrast: 1.5:1 on white and 13.7:1 on black. Black text on pink passes the WCAG AA minimum of 4.5:1.
• Its complement is #C0FFF4; the analogous colors are #FFC0EB and #FFD4C0; the triad is #FFC0CB, #CBFFC0, #C0CBFF.
• 0 of the 9 tints and 5 of the 9 shades have at least 4.5:1 on a white background; the first shade that does is #806066.
• Photographs rich in pink gave #E7BFCD, #DA9AB6, #D064A2, #BF6887, #DF49A7, #C87E79; the nearest of their colors to #FFC0CB was 7.1 CIEDE2000 units away.
• For people with deuteranopia the closest pair in the triad is 12.0 apart, against 23.8 for typical vision.

Measured: a palette for pink, from photographs

Its complement is #C0FFF4; analogous colors are #FFC0EB and #FFD4C0; a triad adds #CBFFC0 and #C0CBFF. On white it has a contrast ratio of 1.5:1 (fails the WCAG AA minimum of 4.5:1 for normal text) and on black 13.7:1. A palette extracted from three photographs rich in pink (38%, 18% and 12% of their pixels near the hue) came out as #E7BFCD, #DA9AB6, #D064A2, #BF6887, #DF49A7, #C87E79.

We searched Wikimedia Commons for pink subjects and kept photographs under Creative Commons or public domain licenses. Of 30 candidates we kept the three with the largest share of pixels within 30 degrees of the hue of the color, with saturation of at least 30% and lightness between 50% and 92%. The tool's own palette code (k-means in CIELAB, no random numbers) found five colors in each photograph. The six colors in the table below come from only the pixels inside the color window, from the three photographs, so they are six shades and neighbors of pink rather than the whole picture.

Pink appears here as near pink, near plum, near palevioletred, near palevioletred, near deeppink, near rosybrown. The photo palette is a starting point: colors from a photograph are rarely pure, and the table shows how each performs as text on white and black.

Measured: the photographs

The photographs are credited with their Wikimedia Commons license. The extracted lists are the exact tool output.

Colors that go with pink

The complement, #C0FFF4, sits opposite #FFC0CB on the color wheel (hue + 180 degrees); Wikipedia's color scheme article describes analogous schemes as neighbors on the wheel and a triadic scheme as colors 120 and 240 degrees apart. Under protanopia, deuteranopia and tritanopia the colors are simulated with the Machado model at full severity; a closest pair below about 10 is hard to tell apart.

Pink in numbers

Tints, shades and accessible text

0 tints and 5 shades reach 4.5:1 against white. The WCAG success criterion 1.4.3 asks for at least 4.5:1 for normal text and 3:1 for large text; criterion 1.4.6 asks for 7:1 for the enhanced level.

Use it in CSS

:root { --pink-1: #e7bfcd; --pink-2: #da9ab6; --pink-3: #d064a2; --pink-4: #bf6887; --pink-5: #df49a7; --pink-6: #c87e79; }

The complement and analogous colors of #FFC0CB: #C0FFF4, #FFC0EB, #FFD4C0.

Free tools:Color palette generatorPalette from an imageImage to textCompress an image

Check the contrast before you use it for text

• Pink #FFC0CB on white: 1.54:1; on black: 13.65:1.
• The darkest shade in the table, #1A1314, reaches 18.31:1 on white.
• Large text (at least 18 point, or 14 point bold) needs 3:1; normal text needs 4.5:1; the enhanced level needs 7:1.
• Do not use color as the only way to tell things apart: about 1 in 12 men have a color vision deficiency.

How the numbers were made

The hex value of pink is the W3C CSS named color. Harmonies rotate the hue in HSL and keep saturation and lightness. Contrast follows the WCAG 2 definition with relative luminance. Color differences use CIEDE2000, which Wikipedia notes is designed so that a difference of 1.0 stands for a just noticeable difference. Color blindness is simulated with the matrices of Machado, Oliveira and Fernandes (2009) at severity 1.0. Palette extraction: pixels are grouped into 32 levels per channel and clustered with k-means in CIELAB; the same picture always gives the same palette. The accuracy test on pictures of known colors is on the palette generator page.

Questions people ask

Related

Sources and how we checked

1. W3C: CSS Color Module Level 4 (named colors) (read 2026-10-10)
2. W3C: Understanding Success Criterion 1.4.3, Contrast (Minimum) (read 2026-10-10)
3. W3C: Understanding Success Criterion 1.4.6, Contrast (Enhanced) (read 2026-10-10)
4. Wikipedia: Color scheme (read 2026-10-10)
5. Wikipedia: Color difference (CIEDE2000) (read 2026-10-10)
6. Machado, Oliveira and Fernandes: A physiologically-based model for simulation of color vision deficiency (2009) (read 2026-10-10)
7. Wikimedia Commons (the photographs, under the licenses shown) (read 2026-10-10)

Reviewed October 10, 2026. The palettes were found with the tool's own code from Creative Commons photographs; contrast, harmonies and color differences are computed. The files and results are in data/seo/hub/evidence/2026-10-10/palette.