#FAD8FC#FAD8FC

#FAD8FC is a very light, moderate purple. Relative luminance 0.765; OKLCH L 92.1% C 0.060 H 324.3°. Best body text is #000000 at 16.29:1 contrast (WCAG AA passes).

Color values

HEX#FAD8FC
RGBrgb(250, 216, 252)
HSLhsl(297, 86%, 92%)
HSVhsv(297, 14%, 99%)
CMYKcmyk(0.8%, 14.3%, 0%, 1.2%)
CIE-LABlab(90.07, 17.89, -13.15)
CIE-LCHlch(90.07, 22.21, 323.69°)
OKLaboklab(92.13% 0.049 -0.0351)
OKLCHoklch(92.13% 0.06 324.3)
XYZxyz(81.5486, 76.4653, 102.5399)
Luminance0.7646 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FAD8FC #DAFCD8
analogous
#E8D8FC #FAD8FC #FCD8EC
triadic
#FAD8FC #FCFAD8 #D8FCFA
tetradic
#FAD8FC #FCE8D8 #DAFCD8 #D8ECFC
square
#FAD8FC #FCE8D8 #DAFCD8 #D8ECFC
split-complementary
#FAD8FC #ECFCD8 #D8FCE8
monochromatic
#EB66F3 #F39FF8 #FAD8FC #FBE3FD #FBE3FD

Accessibility & contrast

On white

1.29
#FAD8FC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.29
#FAD8FC on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FAD8FC
16.29:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FAD8FC#FFFFFF#000000##000000
##FAD8FC1.001.2916.2916.29
#FFFFFF1.291.0021.0021.00
#00000016.2921.001.001.00
##00000016.2921.001.001.00

Color blindness preview

Protanopia (red-blind)
#D6E0FE
Deuteranopia (green-blind)
#DDE4FB
Tritanopia (blue-blind)
#FCDBE4
Achromatopsia (no color)
#E3E3E3

Design tokens & code

CSS
--color: #fad8fc;
/* rgb */ color: rgb(250, 216, 252);
/* oklch */ color: oklch(92.1% 0.060 324.3);
Tailwind
colors: {
  custom: {
    50: '#fce4fd',
    500: '#fad8fc',
    950: '#000000',
  },
}
SCSS
$custom: #fad8fc;
$custom-light: #fce4fd;
$custom-dark: #000000;
JSON
{
  "hex": "#fad8fc",
  "rgb": {
    "r": 250,
    "g": 216,
    "b": 252
  },
  "hsl": {
    "h": 296.667,
    "s": 85.714,
    "l": 91.765
  },
  "oklch": {
    "l": 0.92129,
    "c": 0.06026,
    "h": 324.3
  },
  "luminance": 0.76464
}

Semantic roles & 50–950 ramp

primary
#FAD8FC
secondary
#98E494
accent
#E20310
background
#FFFEFF
surface
#FFFCFF
border
#D7D5D7
text
#171517
muted
#858485

Preview Lab

Preview with #FAD8FC

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

Preview Lab → · Contrast checker → · Palette generator →

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