#FAEB9D#FAEB9D

#FAEB9D is a very light, moderate yellow. Relative luminance 0.822; OKLCH L 93.5% C 0.099 H 98.6°. Best body text is #000000 at 17.43:1 contrast (WCAG AA passes).

Color values

HEX#FAEB9D
RGBrgb(250, 235, 157)
HSLhsl(50, 90%, 80%)
HSVhsv(50, 37%, 98%)
CMYKcmyk(0%, 6%, 37.2%, 2%)
CIE-LABlab(92.65, -5.84, 39.70)
CIE-LCHlch(92.65, 40.13, 98.37°)
OKLaboklab(93.47% -0.0149 0.0978)
OKLCHoklch(93.47% 0.099 98.6)
XYZxyz(75.2198, 82.1771, 43.7912)
Luminance0.8217 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FAEB9D #9DACFA
analogous
#FABD9D #FAEB9D #DAFA9D
triadic
#FAEB9D #9DFAEB #EB9DFA
tetradic
#FAEB9D #9DFABD #9DACFA #FA9DDA
square
#FAEB9D #9DFABD #9DACFA #FA9DDA
split-complementary
#FAEB9D #9DDAFA #BD9DFA
monochromatic
#F4D329 #F7DF63 #FAEB9D #FDF7D7 #FEF9E2

Accessibility & contrast

On white

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

On black

17.43
#FAEB9D on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FAEB9D
17.43:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FAEB9D#FFFFFF#000000##000000
##FAEB9D1.001.2017.4317.43
#FFFFFF1.201.0021.0021.00
#00000017.4321.001.001.00
##00000017.4321.001.001.00

Color blindness preview

Protanopia (red-blind)
#F9E797
Deuteranopia (green-blind)
#FEECA0
Tritanopia (blue-blind)
#FFE0D7
Achromatopsia (no color)
#EAEAEA

Design tokens & code

CSS
--color: #faeb9d;
/* rgb */ color: rgb(250, 235, 157);
/* oklch */ color: oklch(93.5% 0.099 98.6);
Tailwind
colors: {
  custom: {
    50: '#fdf1bb',
    500: '#faeb9d',
    950: '#000000',
  },
}
SCSS
$custom: #faeb9d;
$custom-light: #fdf1bb;
$custom-dark: #000000;
JSON
{
  "hex": "#faeb9d",
  "rgb": {
    "r": 250,
    "g": 235,
    "b": 157
  },
  "hsl": {
    "h": 50.323,
    "s": 90.291,
    "l": 79.804
  },
  "oklch": {
    "l": 0.93465,
    "c": 0.09889,
    "h": 98.6
  },
  "luminance": 0.82175
}

Semantic roles & 50–950 ramp

primary
#FAEB9D
secondary
#6074DB
accent
#25E600
background
#FFFFFD
surface
#FFFEF8
border
#D7D6D1
text
#181612
muted
#868582

Preview Lab

Preview with #FAEB9D

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

Preview Lab → · Contrast checker → · Palette generator →

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