#ffcccc color

#ffcccc is a very light, vivid red. The closest CSS named color is Pink (#ffc0cb). In RGB it is rgb(255, 204, 204); in HSL, hsl(0, 100%, 90%).

#ffcccc

Color conversions

Hex	`#ffcccc`
RGB	`rgb(255, 204, 204)`
HSL	`hsl(0, 100%, 90%)`
CMYK	`0%, 20%, 20%, 0%`
CSS example	`color: #ffcccc; background-color: rgb(255, 204, 204);`

Tints and shades of #ffcccc

The hue is calculated at seven exact lightness levels for use in backgrounds, borders, text and hover states. These values are not substituted with nearby named colors.

#ffd6d6

#ff8f8f

#ff4747

#ff0000

#b80000

#7a0000

#470000

Color schemes with #ffcccc

Complementary — maximum contrast, from opposite sides of the color wheel:

#ffcccc #ccffff

Analogous — neighbours on the wheel, naturally harmonious:

#ffe4e1 #ffcccc #ffebcd

Triadic — three colors evenly spaced for balanced variety:

#ffcccc #ccffcc #ccccff

Tetradic — four colors at 90° intervals:

#ffcccc #fafad2 #ccffff #ffccff

Text contrast and accessibility

On a #ffcccc background, black text gives the better contrast. WCAG requires 4.5:1 for normal text and 3:1 for large text (AA), or 7:1 and 4.5:1 for AAA.

Text color	Contrast ratio	Normal text	Large text
White text (#ffffff)	1.42:1	Fails	Fails
Black text (#000000)	14.76:1	AAA	AAA

Similar named colors

The CSS named colors closest to #ffcccc:

Pink Peach Puff Light Pink Bisque Blanched Almond Misty Rose

Build with this color

Turn #ffcccc into a full scheme with the Color Palette Generator, blend it into a background with the CSS Gradient Generator, or browse all named colors.