#FAA1AB#FAA1AB

#FAA1AB is a light, moderate red. Relative luminance 0.488; OKLCH L 80.0% C 0.106 H 12.4°. Best body text is #000000 at 10.75:1 contrast (WCAG AA passes).

Color values

HEX#FAA1AB
RGBrgb(250, 161, 171)
HSLhsl(353, 90%, 81%)
HSVhsv(353, 36%, 98%)
CMYKcmyk(0%, 35.6%, 31.6%, 2%)
CIE-LABlab(75.30, 34.24, 8.66)
CIE-LCHlch(75.30, 35.32, 14.20°)
OKLaboklab(80.02% 0.1039 0.0229)
OKLCHoklch(80.02% 0.106 12.4)
XYZxyz(59.5219, 48.7583, 44.7965)
Luminance0.4875 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FAA1AB #A1FAF0
analogous
#FAA1D8 #FAA1AB #FAC3A1
triadic
#FAA1AB #ABFAA1 #A1ABFA
tetradic
#FAA1AB #D8FAA1 #A1FAF0 #C3A1FA
square
#FAA1AB #D8FAA1 #A1FAF0 #C3A1FA
split-complementary
#FAA1AB #A1FAC3 #A1D8FA
monochromatic
#F42D43 #F76777 #FAA1AB #FDDBDF #FDE2E5

Accessibility & contrast

On white

1.95
#FAA1AB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.75
#FAA1AB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FAA1AB
10.75:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FAA1AB#FFFFFF#000000##000000
##FAA1AB1.001.9510.7510.75
#FFFFFF1.951.0021.0021.00
#00000010.7521.001.001.00
##00000010.7521.001.001.00

Color blindness preview

Protanopia (red-blind)
#B1AFAB
Deuteranopia (green-blind)
#C6C0A9
Tritanopia (blue-blind)
#FF99A5
Achromatopsia (no color)
#B9B9B9

Design tokens & code

CSS
--color: #faa1ab;
/* rgb */ color: rgb(250, 161, 171);
/* oklch */ color: oklch(80.0% 0.106 12.4);
Tailwind
colors: {
  custom: {
    50: '#febdc3',
    500: '#faa1ab',
    950: '#000000',
  },
}
SCSS
$custom: #faa1ab;
$custom-light: #febdc3;
$custom-dark: #000000;
JSON
{
  "hex": "#faa1ab",
  "rgb": {
    "r": 250,
    "g": 161,
    "b": 171
  },
  "hsl": {
    "h": 353.258,
    "s": 89.899,
    "l": 80.588
  },
  "oklch": {
    "l": 0.80021,
    "c": 0.10635,
    "h": 12.4
  },
  "luminance": 0.48754
}

Semantic roles & 50–950 ramp

primary
#FAA1AB
secondary
#D5F6F2
accent
#E6CC00
background
#FFFBFC
surface
#FFF7F8
border
#D7D0D1
text
#181212
muted
#868181

Preview Lab

Preview with #FAA1AB

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

Preview Lab → · Contrast checker → · Palette generator →

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