Hot Pink in OKLCH

Hot Pink is the bright, playful CSS named color #FF69B4. 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(72.8% 0.197 352.0)

HEX#FF69B4

RGBrgb(255 105 180)

sRGB: in gamutDisplay-P3: in gamut

#FF69B4

oklch(72.8% 0.197 352.0)

Lightness72.8%

Chroma0.197

Hue352.0°

sRGB: in gamutDisplay-P3: in gamut

Values

OKLCH

oklch(72.8% 0.197 352.0)

HEX

#FF69B4

RGB

rgb(255 105 180)

Set from hex

Contrast (this color as text)

Aa on whiteWCAG 2.65:1

AA ✗AAA ✗

APCA Lc 51

Aa on blackWCAG 7.93:1

AA ✓AAA ✓

APCA Lc 51

Tonal palette

Tailwind steps · same hue

Export

Name

@theme {
  --color-brand-50: oklch(97.0% 0.135 352.0);
  --color-brand-100: oklch(94.0% 0.140 352.0);
  --color-brand-200: oklch(88.0% 0.151 352.0);
  --color-brand-300: oklch(80.0% 0.165 352.0);
  --color-brand-400: oklch(70.0% 0.183 352.0);
  --color-brand-500: oklch(62.0% 0.197 352.0);
  --color-brand-600: oklch(54.0% 0.183 352.0);
  --color-brand-700: oklch(46.0% 0.169 352.0);
  --color-brand-800: oklch(38.0% 0.155 352.0);
  --color-brand-900: oklch(30.0% 0.140 352.0);
  --color-brand-950: oklch(22.0% 0.126 352.0);
}

About hot pink

Hot Pink is a loud, high-energy pink that grabs attention, which is exactly why it shows up in bold, youthful and playful branding. It is very saturated, so keep an eye on the gamut badge: some steps sit in Display-P3 rather than sRGB. Fix the hue and vary lightness for a soft-to-vivid pink scale, then copy the OKLCH, HEX or RGB value you need.

Hot Pink in CSS: oklch(72.8% 0.197 352.0) · #ff69b4 · rgb(255 105 180)

Frequently Asked Questions

Hot pink is rgb(255, 105, 180). The RGB, HEX (#FF69B4) and OKLCH values are all shown in the readouts above and can be copied individually.

Hot pink is lighter and a little less blue than magenta (#FF00FF). In OKLCH that shows as a higher lightness and a hue a few degrees away from pure magenta.

Other colors in OKLCH

Rebecca Purple Coral Crimson Teal Gold Navy

Back to the full OKLCH Color Picker