Kisses

#ff66bb

Soft candy pink with a rosy, smooth warmth

Save
Share

About Kisses

On my screen, Kisses is what happens when a candy-pink flare lands on a softer red-pink base instead of going fully neon. It sits lighter than and calmer than , with less of that wired edge. Compared with , it's more saturated and a touch more lively, not as washed with white.

I use Kisses when the UI needs a friendly highlight that still feels intentional, not just a pale tint. It's a great choice for button states that should feel inviting, promo callouts in beauty and lifestyle apps, and little category markers in dashboards and finance apps where you want attention without the panic of a cooler, more electric pink. In media thumbnails, it's the shade I reach for when the callout should read sweet but controlled.

Pair it with neutral grays or warm creams that have enough depth, because it can look a bit flat next to very saturated fuchsia neighbors. If you're already using nearby, Kisses helps you add lift without jumping to a more urgent tone.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
2.67:1Fail

On Gray 100 #f5f5f5

Aa
2.45:1Fail

On Gray 900 #18181b

Aa
6.64:1AAAAA Large

On Black #000000

Aa
7.87:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Create a gradient with Kisses

Open the generator with this color pre-loaded.

Start creating