#FFC0CB
Pink
Pink is a tint of red created by adding white. It represents romance, tenderness, and nurturing. In recent decades it has become a symbol of both femininity and rebellion.
Pink Color Values
HEX#FFC0CB
RGB255, 192, 203
HSL350°, 100%, 88%
HSV350°, 25%, 100%
CMYK0%, 25%, 20%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #C9CACB (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #D8D5CA (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FFBCC4 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #D7D7D7 (~0.003% of population)
Pink as Text Color
Pink on White
1.5:1FAIL
Pink on Light Gray
1.4:1FAIL
Pink on Cream
1.5:1FAIL
Pink on Dark
11.1:1AAA
Pink on Black
13.7:1AAA
Pink on Soft Blue
1.3:1FAIL
Pink on Soft Green
1.4:1FAIL
Pink on Soft Pink
1.3:1FAIL
Nearest Tailwind Class
red-200
#FECACA
Nearest Pantone Match
Peach Fuzz (2024)
#FFBE98
CSS Variable Export
:root {
--color-pink: #FFC0CB;
--color-pink-rgb: 255, 192, 203;
}Tailwind Config
// tailwind.config.js
colors: {
'pink': '#FFC0CB',
}Shades of Pink
#FFC2CC
#FF8FA2
#FF5C77
#FF2E51
#FA002A
#C70021
#940019
#660011
#330009
#000000
Tints of Pink
#FFC2CC
#FFC7D0
#FFD1D9
#FFD6DD
#FFDBE1
#FFE5EA
#FFEBEE
#FFF0F2
#FFFAFB
#FFFFFF
Color Harmonies
Complementary
#FFC0CB
#C2FFF5
Analogous
#FFC2EB
#FFC2CC
#FFD6C2
Triadic
#FFC2CC
#CCFFC2
#C2CCFF
Pink Text Preview
Heading in Pink
Body text in Pink. The quick brown fox jumps over the lazy dog.
White on Pink
Body text on a Pink background.
Pink text on dark background
Contrast: 11.5:1