#F79BEC#F79BEC

#F79BEC is a light, vivid purple. Relative luminance 0.493; OKLCH L 80.8% C 0.149 H 331.2°. Best body text is #000000 at 10.85:1 contrast (WCAG AA passes).

Color values

HEX	#F79BEC
RGB	rgb(247, 155, 236)
HSL	hsl(307, 85%, 79%)
HSV	hsv(307, 37%, 97%)
CMYK	cmyk(0%, 37.2%, 4.5%, 3.1%)
CIE-LAB	lab(75.62, 46.08, -26.48)
CIE-LCH	lch(75.62, 53.15, 330.11°)
OKLab	oklab(80.83% 0.1304 -0.0716)
OKLCH	oklch(80.83% 0.149 331.2)
XYZ	xyz(65.2187, 49.2761, 85.4165)
Luminance	0.4927 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#F79BEC #9BF7A6

analogous

#D49BF7 #F79BEC #F79BBE

triadic

#F79BEC #ECF79B #9BECF7

tetradic

#F79BEC #F7D49B #9BF7A6 #9BBEF7

square

#F79BEC #F7D49B #9BF7A6 #9BBEF7

split-complementary

#F79BEC #BEF79B #9BF7D4

monochromatic

#EE2AD6 #F262E1 #F79BEC #FCD4F7 #FDE3FA

Accessibility & contrast

On white

1.93

#F79BEC on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.85

#F79BEC on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #F79BEC

10.85:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##F79BEC	#FFFFFF	#000000	##000000
##F79BEC	1.00	1.93	10.85	10.85
#FFFFFF	1.93	1.00	21.00	21.00
#000000	10.85	21.00	1.00	1.00
##000000	10.85	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#98B2EF

Deuteranopia (green-blind)

#B0BFE9

Tritanopia (blue-blind)

#FEA1B9

Achromatopsia (no color)

#BABABA

Design tokens & code

CSS

--color: #f79bec;
/* rgb */ color: rgb(247, 155, 236);
/* oklch */ color: oklch(80.8% 0.149 331.2);

Tailwind

colors: {
  custom: {
    50: '#fbbaf2',
    500: '#f79bec',
    950: '#000000',
  },
}

SCSS

$custom: #f79bec;
$custom-light: #fbbaf2;
$custom-dark: #000000;

JSON

{
  "hex": "#f79bec",
  "rgb": {
    "r": 247,
    "g": 155,
    "b": 236
  },
  "hsl": {
    "h": 307.174,
    "s": 85.185,
    "l": 78.824
  },
  "oklch": {
    "l": 0.80831,
    "c": 0.14878,
    "h": 331.2
  },
  "luminance": 0.49273
}

Semantic roles & 50–950 ramp

primary

#F79BEC

secondary

#D6F5DA

accent

#E21E04

background

#FFFBFE

surface

#FFF6FD

border

#D7D0D5

text

#181217

muted

#868185

Preview Lab

Preview with #F79BEC

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

Preview Lab → · Contrast checker → · Palette generator →