Nadeshiko Pink

Tints & Shades

Scale from white (50) through Nadeshiko Pink (500) to black (900), interpolated in Lab color space.

Design Applications

Color Harmonies

Similar Colors

Color Meaning & Psychology

Pink is a tint of red with fundamentally different psychological properties. Where red signals danger, pink signals tenderness and safety. Pink creates calming effects — experiments show pink holding cells reduce aggressive behavior. In branding, hot pinks and magentas are energetic and attention-grabbing; blush pinks feel intimate and soft; dusty pinks convey a sophisticated, vintage femininity. Pink's gender coding (a 20th-century convention) has made it culturally complex — contemporary brands use pink to challenge norms as much as to reinforce them. In luxury markets, pink signals romance and intimacy rather than power. Its lighter value makes it approachable and soft — suitable for backgrounds, secondary UI states, and contexts requiring the hue's character without full intensity.

Industry Usage

Common contexts and industries where Nadeshiko Pink is applied in professional design.

• Beauty, cosmetics, and personal care
• Baby products and nursery design
• Romantic occasions and greeting cards
• Confectionery and dessert brands
• Fashion and lifestyle brands targeting millennial audiences
• Social media apps emphasizing intimacy
• Breast cancer awareness campaigns
• Toy brands and children's entertainment

Accessibility Considerations

CSS & Code Examples

Tailwind CSS Utilities

Use arbitrary value syntax in Tailwind CSS to apply Nadeshiko Pink without a custom config.

Design Tokens

Ready-to-use Nadeshiko Pink design token in CSS custom properties, SCSS, Tailwind v3/v4, and JSON formats.

:root {
  --color-nadeshiko-pink: #F6ADC6;
  --color-nadeshiko-pink-rgb: 246, 173, 198;
  --color-nadeshiko-pink-hsl: 339, 80%, 82%;
}

$color-nadeshiko-pink: #F6ADC6;
$color-nadeshiko-pink-rgb: 246, 173, 198;
$color-nadeshiko-pink-hsl: 339, 80%, 82%;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'nadeshiko-pink': '#F6ADC6',
      },
    },
  },
};

/* tailwind.css */
@theme {
  --color-nadeshiko-pink: #F6ADC6;
}

{
  "nadeshiko-pink": {
    "value": "#F6ADC6",
    "type": "color",
    "description": "Nadeshiko Pink — #F6ADC6"
  }
}

Accessibility & Design Guides

Frequently Asked Questions

What is the hex code for Nadeshiko Pink?

▾

The hex code for Nadeshiko Pink is #F6ADC6. Its RGB values are rgb(246, 173, 198) and its HSL values are hsl(339, 80%, 82%).

What does Nadeshiko Pink mean in design?

▾

Pink is a tint of red with fundamentally different psychological properties. Where red signals danger, pink signals tenderness and safety. Pink creates calming effects — experiments show pink holding cells reduce aggressive behavior. In branding, hot pinks and magentas are energetic and attention-grabbing; blush pinks feel intimate and soft; dusty pinks convey a sophisticated, vintage femininity. Pink's gender coding (a 20th-century convention) has made it culturally complex — contemporary brands use pink to challenge norms as much as to reinforce them. In luxury markets, pink signals romance and intimacy rather than power. Its lighter value makes it approachable and soft — suitable for backgrounds, secondary UI states, and contexts requiring the hue's character without full intensity.

Is Nadeshiko Pink WCAG accessible?

▾

Nadeshiko Pink (#F6ADC6) does not pass WCAG AA on white (1.79:1 ratio). Use it on dark backgrounds where it achieves 11.71:1. Its overall accessibility score is 48/100.

What colors go well with Nadeshiko Pink?

▾

Nadeshiko Pink pairs well with its complementary color Medium Aquamarine (#66CDAA). Analogous colors like Byzantium and Imperial Purple also work harmoniously. Check the Color Harmonies section above for the full palette.

What is Nadeshiko Pink used for?

▾

Nadeshiko Pink is commonly used for: Beauty, cosmetics, and personal care; Baby products and nursery design; Romantic occasions and greeting cards; Confectionery and dessert brands; Fashion and lifestyle brands targeting millennial audiences.

What are the CSS and Tailwind values for Nadeshiko Pink?

▾

In CSS, use `color: #F6ADC6` or `background-color: #F6ADC6`. The CSS custom property is `--color-nadeshiko-pink: #F6ADC6`. In Tailwind CSS, use the arbitrary value class `bg-[#F6ADC6]` for backgrounds or `text-[#F6ADC6]` for text.