#FFC0CB — Tints, Shades & Color Values

Every value on this page is precomputed — copy what you need.

#FFC0CB is a very light, vivid red. It is exactly the CSS named color pink. For readable text on a #FFC0CB background, black text gives the strongest contrast (13.65:1). Because it is so light, #FFC0CB works best as a background or surface color paired with dark text, or as a high-percentage tint in an existing palette.

Color Values

Need these in another format? Use our hex to RGB converter for quick two-way conversion.

Tints of #FFC0CB (Mixed with White)

Each step blends the base color toward white using new = old + (255 − old) × factor. Click a swatch to open it in the generator.

• 10% tint #ffc6d0 Copy
• 20% tint #ffcdd5 Copy
• 30% tint #ffd3db Copy
• 40% tint #ffd9e0 Copy
• 50% tint #ffe0e5 Copy
• 60% tint #ffe6ea Copy
• 70% tint #ffecef Copy
• 80% tint #fff2f5 Copy
• 90% tint #fff9fa Copy

Shades of #FFC0CB (Mixed with Black)

Each step blends the base color toward black using new = old × (1 − factor).

• 10% shade #e6adb7 Copy
• 20% shade #cc9aa2 Copy
• 30% shade #b3868e Copy
• 40% shade #99737a Copy
• 50% shade #806066 Copy
• 60% shade #664d51 Copy
• 70% shade #4d3a3d Copy
• 80% shade #332629 Copy
• 90% shade #191314 Copy

WCAG Contrast & Accessibility

Contrast ratios for text placed on a #FFC0CB background. WCAG requires 4.5:1 for normal text (AA), 3:1 for large text (AA), and 7:1 for normal text (AAA).

If neither pure white nor pure black reaches the level you need, pick a darker shade of #FFC0CB from the ramps above as the background instead — small lightness moves change contrast quickly. Test any other pair with the free contrast checker.

More red colors in the library: #FECACA (red-200), #FECDD3 (rose-200), #FCA5A5 (red-300), #FDA4AF (rose-300), #FEE2E2 (red-100), #FFE4E6 (rose-100).

Frequently Asked Questions

• What color is #FFC0CB?

  #FFC0CB is a very light, vivid red — rgb(255, 192, 203). It is exactly the CSS named color pink.

• How do I make tints and shades of #FFC0CB?

  Mix #FFC0CB with white for tints and with black for shades. A 20% tint of #FFC0CB is #ffcdd5 and a 20% shade is #cc9aa2 — the full 10%–90% ramps are precomputed on this page, or open #FFC0CB in the generator for finer steps.

• What text color is readable on #FFC0CB?

  Black text gives the strongest contrast on a #FFC0CB background at 13.65:1, which passes WCAG AA and AAA for normal text.

Browse more colors in the color library, or start from any hex code on the HexTints homepage.