Deep Pink in OKLCH

Deep Pink is the bold, saturated CSS named color #FF1493. Here it is in OKLCH, RGB and as a full tonal palette you can copy or tweak below. 100% in your browser - copy the values or a Tailwind v4 export.

OKLCHoklch(65.5% 0.261 356.9)

HEX#FF1493

RGBrgb(255 20 147)

sRGB: in gamutDisplay-P3: in gamut

#FF1493

oklch(65.5% 0.261 356.9)

Lightness65.5%

Chroma0.261

Hue356.9°

sRGB: in gamutDisplay-P3: in gamut

Values

OKLCH

oklch(65.5% 0.261 356.9)

HEX

#FF1493

RGB

rgb(255 20 147)

Set from hex

Contrast (this color as text)

Aa on whiteWCAG 3.64:1

AA ✗AAA ✗

APCA Lc 62

Aa on blackWCAG 5.77:1

AA ✓AAA ✗

APCA Lc 40

Tonal palette

Tailwind steps · same hue

Export

Name

@theme {
  --color-brand-50: oklch(97.0% 0.179 356.9);
  --color-brand-100: oklch(94.0% 0.186 356.9);
  --color-brand-200: oklch(88.0% 0.200 356.9);
  --color-brand-300: oklch(80.0% 0.219 356.9);
  --color-brand-400: oklch(70.0% 0.243 356.9);
  --color-brand-500: oklch(62.0% 0.261 356.9);
  --color-brand-600: oklch(54.0% 0.243 356.9);
  --color-brand-700: oklch(46.0% 0.224 356.9);
  --color-brand-800: oklch(38.0% 0.205 356.9);
  --color-brand-900: oklch(30.0% 0.186 356.9);
  --color-brand-950: oklch(22.0% 0.167 356.9);
}

About deep pink

Deep Pink is a vivid magenta-pink that reads as bold, confident and energetic, which suits statement branding, sales and fashion. It is extremely saturated, so watch the gamut badge closely - several chromatic steps land in Display-P3 rather than sRGB. Fix the hue and vary lightness for a soft-to-intense pink ramp, then copy the OKLCH, HEX or RGB value.

Deep Pink in CSS: oklch(65.5% 0.261 356.9) · #ff1493 · rgb(255 20 147)

Frequently Asked Questions

Deep pink (#FF1493) is more saturated and leans more toward magenta, while hot pink (#FF69B4) is lighter and softer. In OKLCH deep pink has a lower lightness and higher chroma.

Deep pink is rgb(255, 20, 147). The RGB, HEX and OKLCH values are all shown in the readouts above and can be copied in one click.

Other colors in OKLCH

Rebecca Purple Coral Crimson Teal Hot Pink Gold

Back to the full OKLCH Color Picker

From the blog

accessibility

Deep Pink in OKLCH

Values

Contrast (this color as text)

Tonal palette

Export

About deep pink

Frequently Asked Questions

Other colors in OKLCH

From the blog

APCA vs. WCAG: Navigating Color Contrast and Accessibility in 2026

Migrating to Tailwind v4: How to Configure Custom OKLCH Color Themes

The Science of Wide-Gamut Web Colors and Gamut Mapping

Values

Contrast (this color as text)

Tonal palette

Export