#FAC47B#FAC47B

#FAC47B is a very light, moderate orange. Relative luminance 0.612; OKLCH L 85.3% C 0.110 H 73.8°. Best body text is #000000 at 13.25:1 contrast (WCAG AA passes).

Color values

HEX#FAC47B
RGBrgb(250, 196, 123)
HSLhsl(34, 93%, 73%)
HSVhsv(34, 51%, 98%)
CMYKcmyk(0%, 21.6%, 50.8%, 2%)
CIE-LABlab(82.51, 10.76, 43.80)
CIE-LCHlch(82.51, 45.10, 76.20°)
OKLaboklab(85.32% 0.0306 0.1053)
OKLCHoklch(85.32% 0.11 73.8)
XYZxyz(62.7423, 61.2377, 27.2504)
Luminance0.6123 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FAC47B #7BB1FA
analogous
#FA847B #FAC47B #F1FA7B
triadic
#FAC47B #7BFAC4 #C47BFA
tetradic
#FAC47B #7BFA84 #7BB1FA #FA7BF1
square
#FAC47B #7BFA84 #7BB1FA #FA7BF1
split-complementary
#FAC47B #7BF1FA #847BFA
monochromatic
#F18F09 #F8AA40 #FAC47B #FCDEB6 #FEF2E2

Accessibility & contrast

On white

1.59
#FAC47B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.25
#FAC47B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FAC47B
13.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FAC47B#FFFFFF#000000##000000
##FAC47B1.001.5913.2513.25
#FFFFFF1.591.0021.0021.00
#00000013.2521.001.001.00
##00000013.2521.001.001.00

Color blindness preview

Protanopia (red-blind)
#D8C675
Deuteranopia (green-blind)
#E5D37D
Tritanopia (blue-blind)
#FFB6B2
Achromatopsia (no color)
#CDCDCD

Design tokens & code

CSS
--color: #fac47b;
/* rgb */ color: rgb(250, 196, 123);
/* oklch */ color: oklch(85.3% 0.110 73.8);
Tailwind
colors: {
  custom: {
    50: '#ffd5a2',
    500: '#fac47b',
    950: '#000000',
  },
}
SCSS
$custom: #fac47b;
$custom-light: #ffd5a2;
$custom-dark: #000000;
JSON
{
  "hex": "#fac47b",
  "rgb": {
    "r": 250,
    "g": 196,
    "b": 123
  },
  "hsl": {
    "h": 34.488,
    "s": 92.701,
    "l": 73.137
  },
  "oklch": {
    "l": 0.8532,
    "c": 0.10965,
    "h": 73.8
  },
  "luminance": 0.61234
}

Semantic roles & 50–950 ramp

primary
#FAC47B
secondary
#4281D7
accent
#62E600
background
#FFFEFC
surface
#FFFBF5
border
#D7D4CF
text
#18140F
muted
#868380

Preview Lab

Preview with #FAC47B

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

Preview Lab → · Contrast checker → · Palette generator →

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