pinkwarmCSS named color

Deeppink #FF1493

Deeppink is a medium, highly saturated cool-toned color with a warm cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Soft UI · Romantic palettes

Open in generator →Colors that go with deeppink

Families: Pinks · Magenta Colors · Rose Colors

Color values

FormatValue
HEX#FF1493
RGBrgb(255, 20, 147)
HSLhsl(328, 100%, 54%)
HSVhsv(328, 92%, 100%)
OKLCHoklch(65.49% 0.261 356.9)
OKLaboklab(65.49% 0.261 -0.0139)
CMYKcmyk(0%, 92.2%, 42.4%, 0%)
XYZxyz(46.7604, 23.8734, 29.7439)
CIE-LABlab(56.0, 84.5, -5.7)
CIE-LCHlch(56.0, 84.7, 356.1°)
Luminance0.239 (WCAG relative)
/* Deeppink */ --deeppink: #ff1493; color: #ff1493; background-color: #ff1493;

Source: W3C CSS named color. CSS keyword: deeppink.

Collections: Vibrant Colors · Neon Colors · Berry Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#e31b83 #c71e74 #ac2065 #922056 #791e48 #601c3a #49182d #321420 #1e0e13 #000000

Tints (toward white)

#ff459d #ff61a8 #ff79b2 #ff8ebd #ffa2c8 #ffb6d2 #ffc8dd #ffdbe8 #ffedf4 #ffffff

Tones (toward gray)

#f43592 #e94790 #de548f #d35e8e #c7678c #bb6f8b #af768a #a27c89 #958187 #868686

Color harmonies

Complementary

Edit in generator →
#FF1493
#14FF80
#ff1493 #14ff80

Analogous

Edit in generator →
#F514FF
#FF1493
#FF141E
#f514ff #ff1493 #ff141e

Triadic

Edit in generator →
#FF1493
#93FF14
#1493FF
#ff1493 #93ff14 #1493ff

Tetradic

Edit in generator →
#FF1493
#FFF514
#14FF80
#141EFF
#ff1493 #fff514 #14ff80 #141eff

Square

Edit in generator →
#FF1493
#FFF514
#14FF80
#141EFF
#ff1493 #fff514 #14ff80 #141eff

Split Complementary

Edit in generator →
#FF1493
#1EFF14
#14FFF5
#ff1493 #1eff14 #14fff5

Monochromatic

Edit in generator →
#990052
#D60074
#FF1493
#FF51AF
#FF8ECB
#990052 #d60074 #ff1493 #ff51af #ff8ecb

Accessibility & contrast

3.64
#FF1493 on #FFFFFF
AA text AA large AAA text UI 3:1
5.77
#FF1493 on #000000
AA text AA large AAA text UI 3:1

Best text on deeppink

5.77
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#596C95
Deuteranopia (green-blind)
#96958E
Tritanopia (blue-blind)
#FF0058

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Electric Pink #FF04900.65
Neon Pink #FE019A1.77
Strong Pink #FF07891.94
Shocking Pink #FE02A23.18
Rose #FF007F3.99
Barbie Pink #FE46A54.60

Colors that go with deeppink

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Scarlet #BE0119
1.8:1
Analogous hue (Δh ≈25°) — neighbors on the color wheel
Maroon #800000
3.0:1
Analogous hue (Δh ≈32°) — neighbors on the color wheel
Pale Lime #BEFD73
3.0:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
Lime Green #32CD32
1.7:1
Split-complementary angle (Δh ≈152°) — strong but softer than direct complement
Wintergreen #20F986
2.6:1
Complementary hue (Δh ≈179°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.