#F4FE63#F4FE63

#F4FE63 is a very light, vivid yellow. Relative luminance 0.910; OKLCH L 96.1% C 0.175 H 112.7°. Best body text is #000000 at 19.20:1 contrast (WCAG AA passes).

Color values

HEX#F4FE63
RGBrgb(244, 254, 99)
HSLhsl(64, 99%, 69%)
HSVhsv(64, 61%, 100%)
CMYKcmyk(3.9%, 0%, 61%, 0.4%)
CIE-LABlab(96.42, -22.51, 70.67)
CIE-LCHlch(96.42, 74.17, 107.67°)
OKLaboklab(96.14% -0.0675 0.1612)
OKLCHoklch(96.14% 0.175 112.7)
XYZxyz(75.0041, 91.0191, 25.4193)
Luminance0.9102 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#F4FE63 #6D63FE
analogous
#FEBB63 #F4FE63 #A7FE63
triadic
#F4FE63 #63F4FE #FE63F4
tetradic
#F4FE63 #63FEBB #6D63FE #FE63A7
square
#F4FE63 #63FEBB #6D63FE #FE63A7
split-complementary
#F4FE63 #63A7FE #BB63FE
monochromatic
#D6E501 #F0FE26 #F4FE63 #F8FEA0 #FDFFDD

Accessibility & contrast

On white

1.09
#F4FE63 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

19.20
#F4FE63 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #F4FE63
19.20:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##F4FE63#FFFFFF#000000##000000
##F4FE631.001.0919.2019.20
#FFFFFF1.091.0021.0021.00
#00000019.2021.001.001.00
##00000019.2021.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFF350
Deuteranopia (green-blind)
#FFF66D
Tritanopia (blue-blind)
#FFF0DE
Achromatopsia (no color)
#F5F5F5

Design tokens & code

CSS
--color: #f4fe63;
/* rgb */ color: rgb(244, 254, 99);
/* oklch */ color: oklch(96.1% 0.175 112.7);
Tailwind
colors: {
  custom: {
    50: '#fbfe96',
    500: '#f4fe63',
    950: '#000000',
  },
}
SCSS
$custom: #f4fe63;
$custom-light: #fbfe96;
$custom-dark: #000000;
JSON
{
  "hex": "#f4fe63",
  "rgb": {
    "r": 244,
    "g": 254,
    "b": 99
  },
  "hsl": {
    "h": 63.871,
    "s": 98.726,
    "l": 69.216
  },
  "oklch": {
    "l": 0.96135,
    "c": 0.17473,
    "h": 112.7
  },
  "luminance": 0.91018
}

Semantic roles & 50–950 ramp

primary
#F4FE63
secondary
#382DD9
accent
#00E60F
background
#FFFFFC
surface
#FFFFF5
border
#D7D7CF
text
#18170E
muted
#86857F

Preview Lab

Preview with #F4FE63

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

Preview Lab → · Contrast checker → · Palette generator →

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