Hot Pink (survey)#FF028D

#FF028D is a light, highly saturated pink. Relative luminance 0.232; OKLCH L 65.0% C 0.264 H 358.5°. Best body text is #000000 at 5.65:1 contrast (WCAG AA passes).

Hot Pink (survey) — editorial page

Color values

HEX	#FF028D
RGB	rgb(255, 2, 141)
HSL	hsl(327, 100%, 50%)
HSV	hsv(327, 99%, 100%)
CMYK	cmyk(0%, 99.2%, 44.7%, 0%)
CIE-LAB	lab(55.31, 85.39, -3.09)
CIE-LCH	lch(55.31, 85.45, 357.93°)
OKLab	oklab(64.96% 0.2637 -0.0071)
OKLCH	oklch(64.96% 0.264 358.5)
XYZ	xyz(46.0734, 23.2331, 27.2525)
Luminance	0.2323 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#FF028D #02FF74

analogous

#F302FF #FF028D #FF020E

triadic

#FF028D #8DFF02 #028DFF

tetradic

#FF028D #FFF302 #02FF74 #020EFF

square

#FF028D #FFF302 #02FF74 #020EFF

split-complementary

#FF028D #0EFF02 #02FFF3

monochromatic

#87004A #C4006C #FF028D #FF3FA9 #FF7CC4

Accessibility & contrast

On white

3.72

#FF028D on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.65

#FF028D on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #FF028D

5.65:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##FF028D	#FFFFFF	#000000	##000000
##FF028D	1.00	3.72	5.65	5.65
#FFFFFF	3.72	1.00	21.00	21.00
#000000	5.65	21.00	1.00	1.00
##000000	5.65	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#58698F

Deuteranopia (green-blind)

#969388

Tritanopia (blue-blind)

#FF0053

Achromatopsia (no color)

#848484

Design tokens & code

CSS

--color: #ff028d;
/* rgb */ color: rgb(255, 2, 141);
/* oklch */ color: oklch(65.0% 0.264 358.5);

Tailwind

colors: {
  custom: {
    50: '#ff77ae',
    500: '#ff028d',
    950: '#000000',
  },
}

SCSS

$custom: #ff028d;
$custom-light: #ff77ae;
$custom-dark: #000000;

JSON

{
  "hex": "#ff028d",
  "rgb": {
    "r": 255,
    "g": 2,
    "b": 141
  },
  "hsl": {
    "h": 327.036,
    "s": 100,
    "l": 50.392
  },
  "oklch": {
    "l": 0.64962,
    "c": 0.26375,
    "h": 358.5
  },
  "luminance": 0.23227
}

Semantic roles & 50–950 ramp

primary

#FF028D

secondary

#76E7A9

accent

#FF8929

background

#FFF8FA

surface

#FFEFF4

border

#D7CACE

text

#1A0B10

muted

#877C7F

Preview Lab

Preview with #FF028D

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →