#F7EFFD#F7EFFD

#F7EFFD is a very light, muted violet. Relative luminance 0.886; OKLCH L 96.2% C 0.020 H 311.1°. Best body text is #000000 at 18.72:1 contrast (WCAG AA passes).

Color values

HEX	#F7EFFD
RGB	rgb(247, 239, 253)
HSL	hsl(274, 78%, 96%)
HSV	hsv(274, 6%, 99%)
CMYK	cmyk(2.4%, 5.5%, 0%, 0.8%)
CIE-LAB	lab(95.41, 5.15, -5.77)
CIE-LCH	lch(95.41, 7.74, 311.76°)
OKLab	oklab(96.24% 0.0134 -0.0153)
OKLCH	oklch(96.24% 0.02 311.1)
XYZ	xyz(86.9509, 88.5992, 105.4301)
Luminance	0.8860 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#F7EFFD #F5FDEF

analogous

#F0EFFD #F7EFFD #FDEFFC

triadic

#F7EFFD #FDF7EF #EFFDF7

tetradic

#F7EFFD #FDF0EF #F5FDEF #EFFCFD

square

#F7EFFD #FDF0EF #F5FDEF #EFFCFD

split-complementary

#F7EFFD #FCFDEF #EFFDF0

monochromatic

#C182EF #DCB9F6 #F1E4FC #F1E4FC #F1E4FC

Accessibility & contrast

On white

1.12

#F7EFFD on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

18.72

#F7EFFD on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #F7EFFD

18.72:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##F7EFFD	#FFFFFF	#000000	##000000
##F7EFFD	1.00	1.12	18.72	18.72
#FFFFFF	1.12	1.00	21.00	21.00
#000000	18.72	21.00	1.00	1.00
##000000	18.72	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#EDF1FE

Deuteranopia (green-blind)

#EFF2FC

Tritanopia (blue-blind)

#F7F0F3

Achromatopsia (no color)

#F2F2F2

Design tokens & code

CSS

--color: #f7effd;
/* rgb */ color: rgb(247, 239, 253);
/* oklch */ color: oklch(96.2% 0.020 311.1);

Tailwind

colors: {
  custom: {
    50: '#f9f4fe',
    500: '#f7effd',
    950: '#000000',
  },
}

SCSS

$custom: #f7effd;
$custom-light: #f9f4fe;
$custom-dark: #000000;

JSON

{
  "hex": "#f7effd",
  "rgb": {
    "r": 247,
    "g": 239,
    "b": 253
  },
  "hsl": {
    "h": 274.286,
    "s": 77.778,
    "l": 96.471
  },
  "oklch": {
    "l": 0.96238,
    "c": 0.02036,
    "h": 311.1
  },
  "luminance": 0.88599
}

Semantic roles & 50–950 ramp

primary

#F7EFFD

secondary

#C4E6AA

accent

#DA0B64

background

#FFFFFF

surface

#FFFEFF

border

#D7D6D7

text

#171717

muted

#858585

Preview Lab

Preview with #F7EFFD

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

Preview Lab → · Contrast checker → · Palette generator →