#FDEEA5#FDEEA5

#FDEEA5 is a very light, moderate yellow. Relative luminance 0.847; OKLCH L 94.5% C 0.093 H 98.0°. Best body text is #000000 at 17.95:1 contrast (WCAG AA passes).

Color values

HEX#FDEEA5
RGBrgb(253, 238, 165)
HSLhsl(50, 96%, 82%)
HSVhsv(50, 35%, 99%)
CMYKcmyk(0%, 5.9%, 34.8%, 0.8%)
CIE-LABlab(93.78, -5.30, 37.22)
CIE-LCHlch(93.78, 37.59, 98.11°)
OKLaboklab(94.45% -0.0129 0.0923)
OKLCHoklch(94.45% 0.093 98)
XYZxyz(77.8752, 84.7505, 47.8462)
Luminance0.8475 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FDEEA5 #A5B4FD
analogous
#FDC2A5 #FDEEA5 #E0FDA5
triadic
#FDEEA5 #A5FDEE #EEA5FD
tetradic
#FDEEA5 #A5FDC2 #A5B4FD #FDA5E0
square
#FDEEA5 #A5FDC2 #A5B4FD #FDA5E0
split-complementary
#FDEEA5 #A5E0FD #C2A5FD
monochromatic
#FAD72D #FCE369 #FDEEA5 #FEF9E1 #FEF9E1

Accessibility & contrast

On white

1.17
#FDEEA5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.95
#FDEEA5 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FDEEA5
17.95:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FDEEA5#FFFFFF#000000##000000
##FDEEA51.001.1717.9517.95
#FFFFFF1.171.0021.0021.00
#00000017.9521.001.001.00
##00000017.9521.001.001.00

Color blindness preview

Protanopia (red-blind)
#FCEAA0
Deuteranopia (green-blind)
#FFF0A8
Tritanopia (blue-blind)
#FFE4DB
Achromatopsia (no color)
#EDEDED

Design tokens & code

CSS
--color: #fdeea5;
/* rgb */ color: rgb(253, 238, 165);
/* oklch */ color: oklch(94.5% 0.093 98.0);
Tailwind
colors: {
  custom: {
    50: '#fff3c0',
    500: '#fdeea5',
    950: '#000000',
  },
}
SCSS
$custom: #fdeea5;
$custom-light: #fff3c0;
$custom-dark: #000000;
JSON
{
  "hex": "#fdeea5",
  "rgb": {
    "r": 253,
    "g": 238,
    "b": 165
  },
  "hsl": {
    "h": 49.773,
    "s": 95.652,
    "l": 81.961
  },
  "oklch": {
    "l": 0.94451,
    "c": 0.09315,
    "h": 98
  },
  "luminance": 0.84748
}

Semantic roles & 50–950 ramp

primary
#FDEEA5
secondary
#667BE1
accent
#27E600
background
#FFFFFD
surface
#FFFEF9
border
#D7D6D2
text
#181712
muted
#868582

Preview Lab

Preview with #FDEEA5

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

Preview Lab → · Contrast checker → · Palette generator →

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