#FF91AF#FF91AF

#FF91AF is a light, vivid pink. Relative luminance 0.446; OKLCH L 78.1% C 0.136 H 3.2°. Best body text is #000000 at 9.92:1 contrast (WCAG AA passes).

Color values

HEX	#FF91AF
RGB	rgb(255, 145, 175)
HSL	hsl(344, 100%, 78%)
HSV	hsv(344, 43%, 100%)
CMYK	cmyk(0%, 43.1%, 31.4%, 0%)
CIE-LAB	lab(72.63, 44.73, 2.70)
CIE-LCH	lch(72.63, 44.81, 3.45°)
OKLab	oklab(78.15% 0.1356 0.0076)
OKLCH	oklch(78.15% 0.136 3.2)
XYZ	xyz(59.1055, 44.6108, 46.0469)
Luminance	0.4461 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#FF91AF #91FFE1

analogous

#FF91E6 #FF91AF #FFAA91

triadic

#FF91AF #AFFF91 #91AFFF

tetradic

#FF91AF #E6FF91 #91FFE1 #AA91FF

square

#FF91AF #E6FF91 #91FFE1 #AA91FF

split-complementary

#FF91AF #91FFAA #91E6FF

monochromatic

#FF1756 #FF5482 #FF91AF #FFCEDC #FFE0E9

Accessibility & contrast

On white

2.12

#FF91AF on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.92

#FF91AF on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FF91AF

9.92:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##FF91AF	#FFFFFF	#000000	##000000
##FF91AF	1.00	2.12	9.92	9.92
#FFFFFF	2.12	1.00	21.00	21.00
#000000	9.92	21.00	1.00	1.00
##000000	9.92	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#A2A6B0

Deuteranopia (green-blind)

#BEBAAD

Tritanopia (blue-blind)

#FF899C

Achromatopsia (no color)

#B2B2B2

Design tokens & code

CSS

--color: #ff91af;
/* rgb */ color: rgb(255, 145, 175);
/* oklch */ color: oklch(78.1% 0.136 3.2);

Tailwind

colors: {
  custom: {
    50: '#ffb3c6',
    500: '#ff91af',
    950: '#000000',
  },
}

SCSS

$custom: #ff91af;
$custom-light: #ffb3c6;
$custom-dark: #000000;

JSON

{
  "hex": "#ff91af",
  "rgb": {
    "r": 255,
    "g": 145,
    "b": 175
  },
  "hsl": {
    "h": 343.636,
    "s": 100,
    "l": 78.431
  },
  "oklch": {
    "l": 0.7815,
    "c": 0.13581,
    "h": 3.2
  },
  "luminance": 0.44606
}

Semantic roles & 50–950 ramp

primary

#FF91AF

secondary

#D4F7EE

accent

#E6A700

background

#FFFBFC

surface

#FFF6F8

border

#D7D0D1

text

#181113

muted

#868082

Preview Lab

Preview with #FF91AF

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

Preview Lab → · Contrast checker → · Palette generator →