#FBEFB6#FBEFB6

#FBEFB6 is a very light, moderate yellow. Relative luminance 0.856; OKLCH L 94.8% C 0.074 H 97.6°. Best body text is #000000 at 18.12:1 contrast (WCAG AA passes).

Color values

HEX#FBEFB6
RGBrgb(251, 239, 182)
HSLhsl(50, 90%, 85%)
HSVhsv(50, 27%, 98%)
CMYKcmyk(0%, 4.8%, 27.5%, 1.6%)
CIE-LABlab(94.15, -4.49, 29.10)
CIE-LCHlch(94.15, 29.44, 98.77°)
OKLaboklab(94.8% -0.0098 0.0734)
OKLCHoklch(94.8% 0.074 97.6)
XYZxyz(79.0941, 85.6214, 56.6069)
Luminance0.8562 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FBEFB6 #B6C2FB
analogous
#FBCCB6 #FBEFB6 #E5FBB6
triadic
#FBEFB6 #B6FBEF #EFB6FB
tetradic
#FBEFB6 #B6FBCC #B6C2FB #FBB6E5
square
#FBEFB6 #B6FBCC #B6C2FB #FBB6E5
split-complementary
#FBEFB6 #B6E5FB #CCB6FB
monochromatic
#F5D642 #F8E27C #FBEFB6 #FDF9E2 #FDF9E2

Accessibility & contrast

On white

1.16
#FBEFB6 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.12
#FBEFB6 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FBEFB6
18.12:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FBEFB6#FFFFFF#000000##000000
##FBEFB61.001.1618.1218.12
#FFFFFF1.161.0021.0021.00
#00000018.1221.001.001.00
##00000018.1221.001.001.00

Color blindness preview

Protanopia (red-blind)
#FAECB2
Deuteranopia (green-blind)
#FEF0B8
Tritanopia (blue-blind)
#FFE7E0
Achromatopsia (no color)
#EEEEEE

Design tokens & code

CSS
--color: #fbefb6;
/* rgb */ color: rgb(251, 239, 182);
/* oklch */ color: oklch(94.8% 0.074 97.6);
Tailwind
colors: {
  custom: {
    50: '#fdf4cc',
    500: '#fbefb6',
    950: '#000000',
  },
}
SCSS
$custom: #fbefb6;
$custom-light: #fdf4cc;
$custom-dark: #000000;
JSON
{
  "hex": "#fbefb6",
  "rgb": {
    "r": 251,
    "g": 239,
    "b": 182
  },
  "hsl": {
    "h": 49.565,
    "s": 89.61,
    "l": 84.902
  },
  "oklch": {
    "l": 0.94802,
    "c": 0.07405,
    "h": 97.6
  },
  "luminance": 0.8562
}

Semantic roles & 50–950 ramp

primary
#FBEFB6
secondary
#7688E0
accent
#28E600
background
#FFFFFE
surface
#FFFEFA
border
#D7D6D3
text
#181713
muted
#868583

Preview Lab

Preview with #FBEFB6

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

Preview Lab → · Contrast checker → · Palette generator →

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