What is color #ffc0cb?
The color Pink (#ffc0cb) belongs to the red family and reads as passionate. It sits at 350° on the color wheel with 100% saturation.
Designers in healthcare and hospitality often reach for this pale red when they want to communicate excitement.
#ffc0cb occupies a region where perception shifts between warm and cool. To deploy it effectively, use it sparingly as an accent against a quieter backdrop or contrast it sharply with #c0fff4.
Conversions for #ffc0cb
HEX
#ffc0cb
RGB
255, 192, 203
HSL
350°, 100%, 88%
HSV
350°, 25%, 100%
CMYK
0%, 25%, 20%, 0%
XYZ
70.87, 63.27, 64.98
CIE-Lab
83.58, 24.15, 3.32
Web safe
#ffcccc
WCAG accessibility of #ffc0cb (Pink)
On white
1.54 : 1
Sample #ffc0cb
Rating: Fail
On black
13.65 : 1
Sample #ffc0cb
Rating: AAA
Tones of Pink (desaturated variations of #ffc0cb)
Color harmonies for #ffc0cb
Colors similar to #ffc0cb
Gradients featuring #ffc0cb
Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous
UI elements in #ffc0cb
Buttons
NewFeaturedBeta
Notification
Short description with accent.
"Color awakens a specific emotional response."
Typography in #ffc0cb
The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?
Body text rendered in #ffc0cb.
const color = "#ffc0cb";
CSS & Tailwind snippets for #ffc0cb
Background
.bg-ffc0cb { background-color: #ffc0cb; }Text color
.text-ffc0cb { color: #ffc0cb; }Border
.border-ffc0cb { border: 1px solid #ffc0cb; }Box shadow
.shadow-ffc0cb { box-shadow: 0 4px 14px #ffc0cb40; }CSS variable
:root { --color-ffc0cb: #ffc0cb; }Tailwind config
colors: {
'pink': '#ffc0cb',
}