New York Pink

HEX: #D7837F | Modern Palette

On White
2.82:1
FAIL
On Black
7.44:1
PASS

Color Specifications

HEX
#D7837F
RGB
215, 131, 127
HSL
2°, 40% ,84%
CMYK
0, 39.07, 40.93, 15.69

About New York Pink

New York Pink (#D7837F) is a color with RGB(215, 131, 127) and HSL(2.73°, 40.93%, 84.31%). In design, it fits Warm styles and is suitable for Text, Background, Print. Its complementary color is #7FD3D7, which creates strong contrast. Its triadic palette includes #7FD783 and #837FD7. The name comes from New York Pink (English).

  • HEX: #D7837F
  • RGB: 215, 131, 127
  • HSL: 2.73°, 40.93%, 84.31%
  • Style: Warm
  • Use case: Text, Background, Print
  • Complementary color: #7FD3D7
  • Triadic colors: #7FD783, #837FD7
  • The name comes from New York Pink (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #D7837F from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Warm
Use case
Text Background Print

Accessibility Simulation

Deuteranopia #A1A17C
Protanopia #8F8F80
Tritanopia #D78383
Achromatopsia #9A9A9A

Frequently Asked Questions

New York Pink (#D7837F) is a color with RGB(215, 131, 127) and HSL(2.73°, 40.93%, 84.31%).

#D7837F pairs strongly with #7FD3D7 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#D7837F is suitable for Text, Background, Print and works well with Warm styles.

The name New York Pink is linked to New York Pink from English, meaning A specific shade of pink, often associated with the vibrant and diverse culture of New York City..

Name, History & Etymology

Origin Word New York Pink
Meaning A specific shade of pink, often associated with the vibrant and diverse culture of New York City.
Language English
First Recorded Use Late 20th Century

History

Color names like 'New York Pink' are often coined by designers, artists, or marketing professionals to evoke a certain feeling or association. While not a traditional historical color like 'Tyrian Purple,' its emergence reflects a modern trend of naming colors after places to imbue them with a sense of identity and style. The specific hex code #d7837f represents a muted, somewhat dusty rose or terracotta-pink, which could be seen as sophisticated and urban, fitting a 'New York' aesthetic.

First Recorded Use

The exact first use is difficult to pinpoint, but the naming convention for colors often follows cultural trends. 'New York Pink' likely emerged as a descriptive term for a particular shade that resonated with the city's aesthetic, possibly in fashion, design, or cosmetics.

Cultural Associations

The name 'New York Pink' suggests an association with the energy, fashion, and perhaps even the brickwork or sunsets of New York City. It implies a certain level of urban chic and sophistication. It's a color that could be found in a trendy boutique, an art gallery, or a stylish apartment in the city.

Similar Named Colors
Light Coral #F08080 ΔE 4.66
Old Rose #C08081 ΔE 5.18
Ruddy Pink #E18E96 ΔE 5.66
Candy Pink #E4717A ΔE 5.73

Code Snippets

/* Background */
.element {
    background-color: #D7837F;
}

/* Text */
.element {
    color: #D7837F;
}

/* Border */
.element {
    border: 1px solid #D7837F;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #D7837F,
        #C7E6E7
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #D7837F,
        #C7E6E7
    );
}

// SCSS variable
$new-york-pink: #D7837F;

// With RGB channels (useful for rgba() usage)
$new-york-pink-r: 215;
$new-york-pink-g: 131;
$new-york-pink-b: 127;

// Usage
.element {
    background-color: $new-york-pink;
    color: rgba($new-york-pink-r, $new-york-pink-g, $new-york-pink-b, 0.8);
}