Vibrant Pink

#FFB5C0
#FFB5C0

A vibrant, energetic pink that radiates joy and playfulness. Perfect for brands that want to convey youth, creativity, and enthusiasm.

RGB
255, 181, 192
HSL
349°, 100%, 85%

Color Formats

Complete color specifications for all platforms and frameworks

🔷
Hexadecimal
#FFB5C0
🎨
RGB
255, 181, 192
🎯
HSL
349°, 100%, 85%
🖨️
CMYK
0, 29, 25, 0
🌈
HSV
349°, 29%, 100%
💎
RGBA
255, 181, 192, 1

Color Variations

Explore the full spectrum of pink tones

Lightest
#FFE5EA
Light
#FFD0D8
Base
#FFB5C0
Darker
#FF97A8
Dark
#FF7A8F
Darkest
#FF5D75
Vibrant
#FF8AA0
Soft
#FFC4D0

Visual Examples

See this color in action across different contexts

Gradient Mix
Dynamic Gradient
Perfect for backgrounds and hero sections
Button Style
Interactive Element
Eye-catching call-to-action buttons
Glow Effect
Radial Glow
Soft, focus-drawing visual effects

Best Applications

Ideal contexts where this vibrant pink excels

🎨
Creative Studios
Energizing and inspiring for design agencies, art studios, and creative platforms that want to convey innovation and imagination.
Design Art Creative
💄
Beauty & Cosmetics
Perfect for makeup brands, skincare products, and beauty platforms. Conveys youth, freshness, and radiance.
Beauty Cosmetics Skincare
🧒
Kids & Entertainment
Energetic and playful, ideal for children's apps, games, and entertainment platforms that need vibrant, youthful aesthetics.
Kids Games Entertainment
💖
Events & Celebrations
Festive and joyful, excellent for party planning, event design, and celebration-themed brands that want to spread happiness.
Events Parties Celebrations
Food & Beverage
Appetizing and fresh for café brands, dessert shops, and sweet treats. Creates an inviting, delightful atmosphere.
Café Desserts Food
🎤
Music & Performance
Dynamic and energetic for music platforms, streaming services, and entertainment apps that want to convey rhythm and excitement.
Music Streaming Performance

Color Harmony

Perfect color combinations for stunning designs

Complementary

Bold contrast with opposing color

Analogous

Adjacent colors for harmony

Triadic

Three balanced colors

Monochromatic

Tints and shades of pink

Tetradic

Four balanced colors

Split Complementary

Softer contrast variation

Pastel Harmony

Soft, gentle palette

Warm Neutrals

Pink with neutrals

Vibrant Rainbow

Bold colorful mix

Color Psychology

Understanding the emotional impact of vibrant pink

💝
Joy & Happiness
Pink stimulates feelings of joy, playfulness, and positivity. It creates an uplifting atmosphere that makes users feel happy and energetic. Studies show pink can increase dopamine levels and promote a sense of well-being.
Youth & Energy
Associated with youthfulness, vitality, and fresh perspectives. Perfect for brands targeting younger audiences or conveying innovation and modern thinking. Creates dynamic, forward-thinking impressions.
🎀
Femininity & Compassion
While not exclusive to any gender, pink has strong associations with nurturing, kindness, and emotional warmth. Useful for brands emphasizing care, understanding, and human connection.
🎈
Creativity & Imagination
Sparks creative thinking and encourages open-minded exploration. Ideal for creative industries, educational platforms, and brands that want to inspire innovation and artistic expression.
💗
Love & Affection
Conveys warmth, affection, and emotional connection. Perfect for dating apps, relationship products, and brands that want to create intimate, caring experiences.
🌸
Optimism & Hope
Creates a sense of optimism and hopefulness. Ideal for wellness brands, mental health platforms, and services that want to inspire hope and positive transformation.

Gradient Showcase

Beautiful gradient combinations with #FFB5C0

Pink to White
Soft Fade
Gentle, elegant transition
Pink Spectrum
Deep Spectrum
Rich, vibrant gradient
Pink Fusion
Purple Blend
Romantic color fusion
Spotlight
Radial Spotlight
Dramatic focus effect
Triple Fade
Three-Color Blend
Smooth multi-stop gradient
Conic Spin
Rotating Pink
Dynamic circular gradient

Accessibility

Color contrast ratios and accessibility compliance

On White (#FFFFFF)
Contrast Ratio: 1.7:1
⚠️ Use for decorative text only
Recommended Pairings
Best: Dark Gray, Navy Blue, Deep Purple
For optimal readability
⚠️
Body Text
Use with caution on light backgrounds
Increase weight or size for better contrast

Code Examples

Ready-to-use code snippets

💻
CSS Background
background-color: #ffb5c0;
🎨
CSS Border
border: 2px solid #ffb5c0;
JavaScript
const pink = "#ffb5c0"
🎯
CSS Variable
--pink: #ffb5c0;
🌈
Gradient
linear-gradient(135deg, #ffb5c0, #ffeef0)
🎨
Tailwind CSS
bg-[#ffb5c0]

Usage Guidelines

Best practices for using #FFB5C0 in your designs

Do's
• Use as accent colors for highlights
• Combine with neutral grays and whites
• Use in interactive elements (buttons, links)
• Apply in gradient backgrounds
• Use for icons and illustrations
• Perfect for call-to-action buttons
Don'ts
• Avoid for body text on light backgrounds
• Don't overuse - keep it balanced
• Avoid with bright yellows or greens
• Don't use for error states
• Avoid in formal/professional contexts
• Not suitable for medical content
Copied to clipboard!

Build Your Portfolio with Portlu – HTML5 Template from $17

Showcase your skills, projects, and agency with Portlu—a modern, customizable HTML5 template designed for creative professionals.