#F1FFAA#F1FFAA

#F1FFAA is a very light, moderate yellow. Relative luminance 0.931; OKLCH L 97.0% C 0.108 H 116.1°. Best body text is #000000 at 19.62:1 contrast (WCAG AA passes).

Color values

HEX	#F1FFAA
RGB	rgb(241, 255, 170)
HSL	hsl(70, 100%, 83%)
HSV	hsv(70, 33%, 100%)
CMYK	cmyk(5.5%, 0%, 33.3%, 0%)
CIE-LAB	lab(97.28, -17.58, 39.16)
CIE-LCH	lch(97.28, 42.92, 114.18°)
OKLab	oklab(97.03% -0.0475 0.097)
OKLCH	oklch(97.03% 0.108 116.1)
XYZ	xyz(79.2914, 93.1237, 51.8200)
Luminance	0.9312 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#F1FFAA #B8AAFF

analogous

#FFE2AA #F1FFAA #C6FFAA

triadic

#F1FFAA #AAF1FF #FFAAF1

tetradic

#F1FFAA #AAFFE2 #B8AAFF #FFAAC6

square

#F1FFAA #AAFFE2 #B8AAFF #FFAAC6

split-complementary

#F1FFAA #AAC6FF #E2AAFF

monochromatic

#DDFF30 #E7FF6D #F1FFAA #FAFFE0 #FAFFE0

Accessibility & contrast

On white

1.07

#F1FFAA on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

19.62

#F1FFAA on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #F1FFAA

19.62:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##F1FFAA	#FFFFFF	#000000	##000000
##F1FFAA	1.00	1.07	19.62	19.62
#FFFFFF	1.07	1.00	21.00	21.00
#000000	19.62	21.00	1.00	1.00
##000000	19.62	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#FFF7A4

Deuteranopia (green-blind)

#FFF8AE

Tritanopia (blue-blind)

#FAF6E9

Achromatopsia (no color)

#F7F7F7

Design tokens & code

CSS

--color: #f1ffaa;
/* rgb */ color: rgb(241, 255, 170);
/* oklch */ color: oklch(97.0% 0.108 116.1);

Tailwind

colors: {
  custom: {
    50: '#f6ffc4',
    500: '#f1ffaa',
    950: '#000000',
  },
}

SCSS

$custom: #f1ffaa;
$custom-light: #f6ffc4;
$custom-dark: #000000;

JSON

{
  "hex": "#f1ffaa",
  "rgb": {
    "r": 241,
    "g": 255,
    "b": 170
  },
  "hsl": {
    "h": 69.882,
    "s": 100,
    "l": 83.333
  },
  "oklch": {
    "l": 0.97033,
    "c": 0.10799,
    "h": 116.1
  },
  "luminance": 0.93123
}

Semantic roles & 50–950 ramp

primary

#F1FFAA

secondary

#7D69E4

accent

#00E626

background

#FFFFFD

surface

#FFFFF9

border

#D7D7D2

text

#171813

muted

#858682

Preview Lab

Preview with #F1FFAA

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

Preview Lab → · Contrast checker → · Palette generator →