Valentine’s Kiss

#b63364

Richer warm magenta-red for romantic focal accents

Save
Share

About Valentine’s Kiss

Valentine's reads like a deliberate love-red with a softer, warmer middle, not the rose-petal glow of and not the purple-tilted punch of . Compared to Cry of a Rose, it holds onto warmth and feels a touch more settled, less "cool oversight" and more "in the moment" attention.

I use it when the UI needs red direction without that crisp, corrective chill. It's my pick for primary action buttons and saved or active toggles in consumer apps, especially where you're guiding decisions in e-commerce flows, food and ride-hailing platforms, or creator tooling that cycles through "start" and "confirm" states. It also works well for media playback UI where you want energy that doesn't tip into alarm.

One quirk: on backgrounds that are already rosy, it can look slightly muted. Give it neutral or subtly cool surfaces so the warmth stays legible.

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
5.76:1AAAAA Large

On Gray 100 #f5f5f5

Aa
5.28:1AAAAA Large

On Gray 900 #18181b

Aa
3.08:1FailAA Large

On Black #000000

Aa
3.65:1FailAA Large

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 Valentine’s Kiss

Open the generator with this color pre-loaded.

Start creating