#FDA39B#FDA39B

#FDA39B is a light, moderate red. Relative luminance 0.494; OKLCH L 80.3% C 0.108 H 25.3°. Best body text is #000000 at 10.89:1 contrast (WCAG AA passes).

Color values

HEX#FDA39B
RGBrgb(253, 163, 155)
HSLhsl(5, 96%, 80%)
HSVhsv(5, 39%, 99%)
CMYKcmyk(0%, 35.6%, 38.7%, 0.8%)
CIE-LABlab(75.73, 32.40, 18.07)
CIE-LCHlch(75.73, 37.10, 29.15°)
OKLaboklab(80.31% 0.0979 0.0463)
OKLCHoklch(80.31% 0.108 25.3)
XYZxyz(59.5242, 49.4482, 37.4134)
Luminance0.4944 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FDA39B #9BF5FD
analogous
#FD9BC4 #FDA39B #FDD49B
triadic
#FDA39B #9BFDA3 #A39BFD
tetradic
#FDA39B #C4FD9B #9BF5FD #D49BFD
square
#FDA39B #C4FD9B #9BF5FD #D49BFD
split-complementary
#FDA39B #9BFDD4 #9BC4FD
monochromatic
#FB3523 #FC6C5F #FDA39B #FEDAD7 #FEE3E1

Accessibility & contrast

On white

1.93
#FDA39B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.89
#FDA39B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FDA39B
10.89:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FDA39B#FFFFFF#000000##000000
##FDA39B1.001.9310.8910.89
#FFFFFF1.931.0021.0021.00
#00000010.8921.001.001.00
##00000010.8921.001.001.00

Color blindness preview

Protanopia (red-blind)
#B6B09A
Deuteranopia (green-blind)
#CCC29A
Tritanopia (blue-blind)
#FF98A1
Achromatopsia (no color)
#BBBBBB

Design tokens & code

CSS
--color: #fda39b;
/* rgb */ color: rgb(253, 163, 155);
/* oklch */ color: oklch(80.3% 0.108 25.3);
Tailwind
colors: {
  custom: {
    50: '#ffbfb8',
    500: '#fda39b',
    950: '#000000',
  },
}
SCSS
$custom: #fda39b;
$custom-light: #ffbfb8;
$custom-dark: #000000;
JSON
{
  "hex": "#fda39b",
  "rgb": {
    "r": 253,
    "g": 163,
    "b": 155
  },
  "hsl": {
    "h": 4.898,
    "s": 96.078,
    "l": 80
  },
  "oklch": {
    "l": 0.80308,
    "c": 0.1083,
    "h": 25.3
  },
  "luminance": 0.49444
}

Semantic roles & 50–950 ramp

primary
#FDA39B
secondary
#D4F4F7
accent
#D3E600
background
#FFFBFB
surface
#FFF7F6
border
#D7D0D0
text
#181211
muted
#868180

Preview Lab

Preview with #FDA39B

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

Preview Lab → · Contrast checker → · Palette generator →

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