Dear Darling

#a30112

Medium orange-red for alert headers, less deep than neighbors

Save
Share

About Dear Darling

Dear Darling looks like the moment a stoplight reflection lands on glossy pavement: red with a clean orange edge, but not quite as dark or muddy as , and not so maroon-leaning or cold as . It's also less heat-forward than , which feels more spicy-on-purpose. This shade sits in the middle lane, warmer than pure red yet still decisive, with a satiny, medium depth that stays legible instead of going chalky.

I use it for action states and attention layers where you want urgency without threat drama: ecommerce "limited time" banners, streaming player highlights, and content-platform moderation labels. It's great for red CTA buttons on product and media UIs because it reads the one you reach for when you want "do it now" energy but not panic. On dark themes, it behaves more like a signal than a warning; on light themes, it doesn't tip into brown the way the dirtier reds can.

Pair it with charcoal, slate, or near-black text so it stays red-first. With warm creams, it can drift toward appetite fast, so cool neutrals keep it honest.

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
8.17:1AAA

On Gray 100 #f5f5f5

Aa
7.49:1AAA

On Gray 900 #18181b

Aa
2.17:1Fail

On Black #000000

Aa
2.57:1Fail

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.

Similar colors

Create a gradient with Dear Darling

Open the generator with this color pre-loaded.

Start creating