#FDB27B#FDB27B

#FDB27B is a very light, moderate orange. Relative luminance 0.542; OKLCH L 82.3% C 0.113 H 56.7°. Best body text is #000000 at 11.83:1 contrast (WCAG AA passes).

Color values

HEX#FDB27B
RGBrgb(253, 178, 123)
HSLhsl(25, 97%, 74%)
HSVhsv(25, 51%, 99%)
CMYKcmyk(0%, 29.6%, 51.4%, 0.8%)
CIE-LABlab(78.55, 21.37, 38.90)
CIE-LCHlch(78.55, 44.39, 61.21°)
OKLaboklab(82.31% 0.0619 0.0942)
OKLCHoklch(82.31% 0.113 56.7)
XYZxyz(60.0068, 54.1580, 26.0281)
Luminance0.5415 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FDB27B #7BC6FD
analogous
#FD7B85 #FDB27B #FDF37B
triadic
#FDB27B #7BFDB2 #B27BFD
tetradic
#FDB27B #85FD7B #7BC6FD #F37BFD
square
#FDB27B #85FD7B #7BC6FD #F37BFD
split-complementary
#FDB27B #7BFDF3 #7B85FD
monochromatic
#FA6C04 #FC8F3F #FDB27B #FED5B7 #FFEDE1

Accessibility & contrast

On white

1.78
#FDB27B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.83
#FDB27B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FDB27B
11.83:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FDB27B#FFFFFF#000000##000000
##FDB27B1.001.7811.8311.83
#FFFFFF1.781.0021.0021.00
#00000011.8321.001.001.00
##00000011.8321.001.001.00

Color blindness preview

Protanopia (red-blind)
#C8B877
Deuteranopia (green-blind)
#DAC97B
Tritanopia (blue-blind)
#FFA3A4
Achromatopsia (no color)
#C2C2C2

Design tokens & code

CSS
--color: #fdb27b;
/* rgb */ color: rgb(253, 178, 123);
/* oklch */ color: oklch(82.3% 0.113 56.7);
Tailwind
colors: {
  custom: {
    50: '#ffc9a2',
    500: '#fdb27b',
    950: '#000000',
  },
}
SCSS
$custom: #fdb27b;
$custom-light: #ffc9a2;
$custom-dark: #000000;
JSON
{
  "hex": "#fdb27b",
  "rgb": {
    "r": 253,
    "g": 178,
    "b": 123
  },
  "hsl": {
    "h": 25.385,
    "s": 97.015,
    "l": 73.725
  },
  "oklch": {
    "l": 0.82307,
    "c": 0.11276,
    "h": 56.7
  },
  "luminance": 0.54153
}

Semantic roles & 50–950 ramp

primary
#FDB27B
secondary
#419ADB
accent
#84E600
background
#FFFDFC
surface
#FFF9F5
border
#D7D2CF
text
#18130F
muted
#868280

Preview Lab

Preview with #FDB27B

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

Preview Lab → · Contrast checker → · Palette generator →

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