#FCD791#FCD791

#FCD791 is a very light, moderate orange. Relative luminance 0.713; OKLCH L 89.5% C 0.097 H 82.8°. Best body text is #000000 at 15.27:1 contrast (WCAG AA passes).

Color values

HEX#FCD791
RGBrgb(252, 215, 145)
HSLhsl(39, 95%, 78%)
HSVhsv(39, 42%, 99%)
CMYKcmyk(0%, 14.7%, 42.5%, 1.2%)
CIE-LABlab(87.65, 3.81, 39.28)
CIE-LCHlch(87.65, 39.47, 84.47°)
OKLaboklab(89.5% 0.0122 0.0963)
OKLCHoklch(89.5% 0.097 82.8)
XYZxyz(69.5583, 71.3438, 36.8894)
Luminance0.7134 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FCD791 #91B6FC
analogous
#FCA191 #FCD791 #ECFC91
triadic
#FCD791 #91FCD7 #D791FC
tetradic
#FCD791 #91FCA1 #91B6FC #FC91EC
square
#FCD791 #91FCA1 #91B6FC #FC91EC
split-complementary
#FCD791 #91ECFC #A191FC
monochromatic
#F9AC1A #FAC155 #FCD791 #FEEDCD #FEF4E1

Accessibility & contrast

On white

1.38
#FCD791 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.27
#FCD791 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FCD791
15.27:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FCD791#FFFFFF#000000##000000
##FCD7911.001.3815.2715.27
#FFFFFF1.381.0021.0021.00
#00000015.2721.001.001.00
##00000015.2721.001.001.00

Color blindness preview

Protanopia (red-blind)
#E8D68C
Deuteranopia (green-blind)
#F1E093
Tritanopia (blue-blind)
#FFCBC5
Achromatopsia (no color)
#DCDCDC

Design tokens & code

CSS
--color: #fcd791;
/* rgb */ color: rgb(252, 215, 145);
/* oklch */ color: oklch(89.5% 0.097 82.8);
Tailwind
colors: {
  custom: {
    50: '#ffe3b2',
    500: '#fcd791',
    950: '#000000',
  },
}
SCSS
$custom: #fcd791;
$custom-light: #ffe3b2;
$custom-dark: #000000;
JSON
{
  "hex": "#fcd791",
  "rgb": {
    "r": 252,
    "g": 215,
    "b": 145
  },
  "hsl": {
    "h": 39.252,
    "s": 94.69,
    "l": 77.843
  },
  "oklch": {
    "l": 0.89502,
    "c": 0.09706,
    "h": 82.8
  },
  "luminance": 0.71341
}

Semantic roles & 50–950 ramp

primary
#FCD791
secondary
#5584DC
accent
#4FE600
background
#FFFEFD
surface
#FFFCF8
border
#D7D5D1
text
#181511
muted
#868481

Preview Lab

Preview with #FCD791

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

Preview Lab → · Contrast checker → · Palette generator →

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