#F767FB#F767FB

#F767FB is a light, highly saturated purple. Relative luminance 0.364; OKLCH L 74.5% C 0.242 H 326.6°. Best body text is #000000 at 8.29:1 contrast (WCAG AA passes).

Color values

HEX#F767FB
RGBrgb(247, 103, 251)
HSLhsl(298, 95%, 69%)
HSVhsv(298, 59%, 98%)
CMYKcmyk(1.6%, 59%, 0%, 1.6%)
CIE-LABlab(66.86, 73.25, -48.31)
CIE-LCHlch(66.86, 87.74, 326.59°)
OKLaboklab(74.53% 0.2024 -0.1335)
OKLCHoklch(74.53% 0.242 326.6)
XYZxyz(60.6195, 36.4434, 95.0894)
Luminance0.3644 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#F767FB #6BFB67
analogous
#AD67FB #F767FB #FB67B5
triadic
#F767FB #FBF767 #67FBF7
tetradic
#F767FB #FBAD67 #6BFB67 #67B5FB
square
#F767FB #FBAD67 #6BFB67 #67B5FB
split-complementary
#F767FB #B5FB67 #67FBAD
monochromatic
#DC06E2 #F42BF9 #F767FB #FAA3FD #FDDEFE

Accessibility & contrast

On white

2.53
#F767FB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.29
#F767FB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #F767FB
8.29:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##F767FB#FFFFFF#000000##000000
##F767FB1.002.538.298.29
#FFFFFF2.531.0021.0021.00
#0000008.2921.001.001.00
##0000008.2921.001.001.00

Color blindness preview

Protanopia (red-blind)
#5397FF
Deuteranopia (green-blind)
#86A9F7
Tritanopia (blue-blind)
#FD7AA8
Achromatopsia (no color)
#A3A3A3

Design tokens & code

CSS
--color: #f767fb;
/* rgb */ color: rgb(247, 103, 251);
/* oklch */ color: oklch(74.5% 0.242 326.6);
Tailwind
colors: {
  custom: {
    50: '#fd9afd',
    500: '#f767fb',
    950: '#000000',
  },
}
SCSS
$custom: #f767fb;
$custom-light: #fd9afd;
$custom-dark: #000000;
JSON
{
  "hex": "#f767fb",
  "rgb": {
    "r": 247,
    "g": 103,
    "b": 251
  },
  "hsl": {
    "h": 298.378,
    "s": 94.872,
    "l": 69.412
  },
  "oklch": {
    "l": 0.74534,
    "c": 0.24244,
    "h": 326.6
  },
  "luminance": 0.3644
}

Semantic roles & 50–950 ramp

primary
#F767FB
secondary
#CBF4CA
accent
#E60006
background
#FFF9FF
surface
#FFF2FF
border
#D7CCD7
text
#180F18
muted
#867E86

Preview Lab

Preview with #F767FB

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

Preview Lab → · Contrast checker → · Palette generator →

#F767FB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva