#FBCE8F#FBCE8F

#FBCE8F is a very light, moderate orange. Relative luminance 0.666; OKLCH L 87.6% C 0.095 H 75.4°. Best body text is #000000 at 14.33:1 contrast (WCAG AA passes).

Color values

HEX#FBCE8F
RGBrgb(251, 206, 143)
HSLhsl(35, 93%, 77%)
HSVhsv(35, 43%, 98%)
CMYKcmyk(0%, 17.9%, 43%, 1.6%)
CIE-LABlab(85.32, 7.85, 37.27)
CIE-LCHlch(85.32, 38.08, 78.10°)
OKLaboklab(87.64% 0.0239 0.0916)
OKLCHoklch(87.64% 0.095 75.4)
XYZxyz(66.8151, 66.6384, 35.3244)
Luminance0.6663 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FBCE8F #8FBCFB
analogous
#FB988F #FBCE8F #F2FB8F
triadic
#FBCE8F #8FFBCE #CE8FFB
tetradic
#FBCE8F #8FFB98 #8FBCFB #FB8FF2
square
#FBCE8F #8FFB98 #8FBCFB #FB8FF2
split-complementary
#FBCE8F #8FF2FB #988FFB
monochromatic
#F79A19 #F9B454 #FBCE8F #FDE8CA #FEF2E1

Accessibility & contrast

On white

1.47
#FBCE8F on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.33
#FBCE8F on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FBCE8F
14.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FBCE8F#FFFFFF#000000##000000
##FBCE8F1.001.4714.3314.33
#FFFFFF1.471.0021.0021.00
#00000014.3321.001.001.00
##00000014.3321.001.001.00

Color blindness preview

Protanopia (red-blind)
#DFCF8A
Deuteranopia (green-blind)
#EADA91
Tritanopia (blue-blind)
#FFC2BE
Achromatopsia (no color)
#D5D5D5

Design tokens & code

CSS
--color: #fbce8f;
/* rgb */ color: rgb(251, 206, 143);
/* oklch */ color: oklch(87.6% 0.095 75.4);
Tailwind
colors: {
  custom: {
    50: '#fedcb0',
    500: '#fbce8f',
    950: '#000000',
  },
}
SCSS
$custom: #fbce8f;
$custom-light: #fedcb0;
$custom-dark: #000000;
JSON
{
  "hex": "#fbce8f",
  "rgb": {
    "r": 251,
    "g": 206,
    "b": 143
  },
  "hsl": {
    "h": 35,
    "s": 93.103,
    "l": 77.255
  },
  "oklch": {
    "l": 0.87641,
    "c": 0.09464,
    "h": 75.4
  },
  "luminance": 0.66635
}

Semantic roles & 50–950 ramp

primary
#FBCE8F
secondary
#538CDB
accent
#60E600
background
#FFFEFD
surface
#FFFCF7
border
#D7D5D0
text
#181510
muted
#868481

Preview Lab

Preview with #FBCE8F

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

Preview Lab → · Contrast checker → · Palette generator →

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