Pink Color Meaning | Connotations, Shades & Code
#FFC0CB
Looking for a color that will make your project or brand stand out from the crowd? Don’t overlook pink. The right shade of pink could be the creative alternative to a red, purple, orange, or blue that you’re searching for.
This article explores pink color meaning, provides ideas for pink color combinations, and gives you color codes for shades of pink to try out in your project.
If you’ve found an inspiring pink color scheme in an image, upload it to QuillBot’s free color palette generator to extract the hex codes of its main colors.
What does pink symbolize?
Pink is a versatile color that can be youthful and vibrant, passionate and energetic, and soft and calming.
In branding design, you can use shades of pink to:
- Convey playfulness, optimism, and approachability
- Express warmth, energy, and youthful confidence
- Create a soft, caring, or sophisticated feel
In interior design, you can use pink:
- Make a space feel warmer, softer, and more inviting
- Create a calming, comforting, or cozy atmosphere
- Introduce playful energy or refined elegance
Color conversion
#FFC0CB| Format | Value |
|---|---|
| HEX | FFC0CB |
| RGB | 255, 192, 203 |
| RGB Percent | 100%, 75%, 80% |
| CMYK | 0, 0.25, 0.2, 0 |
| HSL | 350°, 100%, 88% |
Color variations
Tints
- #ffe0e6 • Click to copy
- #ffebee • Click to copy
- #ffebee • Click to copy
- #ffebee • Click to copy
- #ffebee • Click to copy
- #ffebee • Click to copy
- #ffebee • Click to copy
- #ffebee • Click to copy
Shades
- #ffa3b3 • Click to copy
- #ff8599 • Click to copy
- #ff6680 • Click to copy
- #ff4766 • Click to copy
- #ff294d • Click to copy
- #ff0a33 • Click to copy
- #eb0027 • Click to copy
- #cc0022 • Click to copy
Tones
- #c20020 • Click to copy
- #c90828 • Click to copy
- #ce1231 • Click to copy
- #d31d3b • Click to copy
- #d62946 • Click to copy
- #cf3f57 • Click to copy
- #c95468 • Click to copy
- #c46878 • Click to copy
Pink hex code
The pink hex code for the CSS color name “Pink” is #FFC0CB.
Here is a list of CSS color names for shades of pink, including their pink color codes:
- LavenderBlush #FFF0F5
- MistyRose #FFE4E1
- LightPink #FFB6C1
- Pink #FFC0CB
- PaleVioletRed #DB7093
- HotPink #FF69B4
- MediumVioletRed #C71585
- DeepPink #FF1493
You can refine these shades of pink by entering their hex codes into QuillBot’s free color wheel tool and adjusting the pointers.
Pastel pink hex code
If you’re looking for a pastel pink hex code, here are some commonly used codes for shades of pastel pink:
- #FFD6F3 for a cool, lilac-leaning pastel pink
- #FFD1DC for a light, classic pastel pink
- #F8C8DC for a soft pastel pink with a rosy tone
- #FFC5D3 for a strong, warm pastel pink
- #ECBDC4 for a muted, dusty pastel pink
- #DEA5A4 for a subdued, dark pastel pink
Shades of pink
These are some commonly used names for different shades of pink, along with representative hex codes.
Soft pinks
- Baby pink #F4C2C2
- Pastel pink #FFD1DC
- Cotton candy pink #FFB7D5
Floral pinks
- Orchid pink #F2BDCD
- Cherry blossom pink #FFB7C5
- Carnation pink #FFA6C9
Warm pinks
- Melon pink #FEBAAD
- Coral pink #F88379
- Salmon pink #FA8072
Bright, playful pinks
- Bubblegum pink #F58092
- Hot pink #FF69B4
- Rose pink #FF66CC
Pink color palette
Looking for inspiration for your project? Explore these pink color palettes to find the perfect pink color combinations for your design.
Bubblegum pink, peach, sky blue, and warm white for playfulness, optimism, and approachability
If you want to view and refine these colors in QuillBot’s color wheel tool, enter the code #FF6FAE for bubblegum pink, #FFCB77 for peach, #7BDFF2 for sky blue, and #FFF7F0 for warm white.
Hot coral pink, tangerine, berry red, and soft sand for warmth, energy, and youthful confidence
If you want to view and refine these colors in QuillBot’s color wheel tool, enter the code #FF5C8A for hot coral pink, #FF9F1C for tangerine, #D72657 for berry red, and #F7E6D0 for soft sand.
Dusty rose, mauve, warm taupe, and ivory for a soft, caring, or sophisticated feel
If you want to view and refine these colors in QuillBot’s color wheel tool, enter the code #D98CA3 for dusty rose, #B07AA1 for mauve, #C7B8A3 for warm taupe, and #FAF7F2 for ivory.
- Mono
- Analogous
- Complimentary
Frequently asked questions about the color pink
- What are the pink RGB values?
-
The pink RGB values for the CSS color name “Pink” are:
- 255, 192, 203
To adapt this color for your project, enter the hex code #FFC0CB into QuillBot’s free color wheel tool and adjust the settings.
- What is a light pink color code?
-
The CSS light pink color code is #FFB6C1. In CSS, you can write this color as either #FFB6C1 or “LightPink.”
Found an image with an inspiring light pink color palette? QuillBot’s free color palette generator can identify its color codes for you.
- What is a baby pink hex code?
-
A commonly used baby pink hex code is:
- #F4C2C2
To view and refine this shade of pink, enter this code into QuillBot’s free color wheel tool







