#F8C5CC

A very light, vivid red closely aligning with Pink.

About #F8C5CC

When working with digital screens, the color #F8C5CC is rendered by mixing light. If you're using CSS, you might find it aligns closely with Pink. To achieve this exact tint on a monitor, you would use an RGB mix of 248, 197, and 204.

If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 21% Magenta, 18% Yellow, and 3% Black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#F8C5CC
RGB248, 197, 204
HSL351.8°, 78.5%, 87.3%
CMYK0%, 21%, 18%, 3%
HSV351.8°, 20.6%, 97.3%
LAB84.1, 19.2, 3.4
XYZ69.6, 64.2, 65.9
Decimal16303564

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.52:1
Text on #FFFFFF
FAIL
13.85:1
Text on #000000
AAA
1.45:1
Text on #F8FAFC
FAIL
11.77:1
Text on #0F172A
AAA

CSS Implementation

.bg-color { background-color: #F8C5CC; }
.text-color { color: #F8C5CC; }
.border-color { border: 2px solid #F8C5CC; }

Similar Colors

Pink
#FFC0CB