#FDEB91#FDEB91

#FDEB91 is a very light, moderate yellow. Relative luminance 0.823; OKLCH L 93.5% C 0.112 H 98.3°. Best body text is #000000 at 17.47:1 contrast (WCAG AA passes).

Color values

HEX#FDEB91
RGBrgb(253, 235, 145)
HSLhsl(50, 96%, 78%)
HSVhsv(50, 43%, 99%)
CMYKcmyk(0%, 7.1%, 42.7%, 0.8%)
CIE-LABlab(92.73, -5.94, 45.78)
CIE-LCHlch(92.73, 46.16, 97.39°)
OKLaboklab(93.53% -0.0162 0.1111)
OKLCHoklch(93.53% 0.112 98.3)
XYZxyz(75.3290, 82.3461, 38.7089)
Luminance0.8234 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FDEB91 #91A3FD
analogous
#FDB591 #FDEB91 #D9FD91
triadic
#FDEB91 #91FDEB #EB91FD
tetradic
#FDEB91 #91FDB5 #91A3FD #FD91D9
square
#FDEB91 #91FDB5 #91A3FD #FD91D9
split-complementary
#FDEB91 #91D9FD #B591FD
monochromatic
#FBD519 #FCE055 #FDEB91 #FEF6CD #FEFAE1

Accessibility & contrast

On white

1.20
#FDEB91 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.47
#FDEB91 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FDEB91
17.47:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FDEB91#FFFFFF#000000##000000
##FDEB911.001.2017.4717.47
#FFFFFF1.201.0021.0021.00
#00000017.4721.001.001.00
##00000017.4721.001.001.00

Color blindness preview

Protanopia (red-blind)
#FBE68A
Deuteranopia (green-blind)
#FFED95
Tritanopia (blue-blind)
#FFDFD5
Achromatopsia (no color)
#EAEAEA

Design tokens & code

CSS
--color: #fdeb91;
/* rgb */ color: rgb(253, 235, 145);
/* oklch */ color: oklch(93.5% 0.112 98.3);
Tailwind
colors: {
  custom: {
    50: '#fff1b2',
    500: '#fdeb91',
    950: '#000000',
  },
}
SCSS
$custom: #fdeb91;
$custom-light: #fff1b2;
$custom-dark: #000000;
JSON
{
  "hex": "#fdeb91",
  "rgb": {
    "r": 253,
    "g": 235,
    "b": 145
  },
  "hsl": {
    "h": 50,
    "s": 96.429,
    "l": 78.039
  },
  "oklch": {
    "l": 0.93527,
    "c": 0.11225,
    "h": 98.3
  },
  "luminance": 0.82344
}

Semantic roles & 50–950 ramp

primary
#FDEB91
secondary
#546BDE
accent
#26E600
background
#FFFFFD
surface
#FFFEF8
border
#D7D6D1
text
#181611
muted
#868581

Preview Lab

Preview with #FDEB91

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

Preview Lab → · Contrast checker → · Palette generator →

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