pink Color Codes

Color Preview

Pink Color Codes

Related Colors

Complementary

#003f34

Analogous

hsl(20, 100%, 88%)

hsl(320, 100%, 88%)

Triadic

hsl(110, 100%, 88%)

hsl(230, 100%, 88%)

Tetradic

hsl(80, 100%, 88%)

hsl(170, 100%, 88%)

hsl(260, 100%, 88%)

HTML Snippets

.element { background-color: #FFC0CB; }

.element { color: #FFC0CB; }

This is how the text color would appear.

<span style="color: #FFC0CB;">Colored text</span>

This text has an inline style applied.

Accessibility

Contrast Ratios

Black13.65 (AA)

White1.54 (Fail)

Shades of Pink

hsl(350, 100%, 58%)

hsl(350, 100%, 73%)

#FFC0CB

hsl(350, 100%, 100%)

Color Blindness Simulations

Protanopia (Red-Blind)

#e4e3d8

Deuteranopia (Green-Blind)

#e7ecdb

Tritanopia (Blue-Blind)

#fcdbde

Related Palettes

Blushing Peony

About pink

pink (#FFC0CB) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.