#FAABC0#FAABC0

#FAABC0 is a very light, moderate pink. Relative luminance 0.533; OKLCH L 82.3% C 0.096 H 2.0°. Best body text is #000000 at 11.65:1 contrast (WCAG AA passes).

Color values

HEX#FAABC0
RGBrgb(250, 171, 192)
HSLhsl(344, 89%, 83%)
HSVhsv(344, 32%, 98%)
CMYKcmyk(0%, 31.6%, 23.2%, 2%)
CIE-LABlab(78.03, 31.82, 1.12)
CIE-LCHlch(78.03, 31.83, 2.02°)
OKLaboklab(82.29% 0.0959 0.0034)
OKLCHoklch(82.29% 0.096 2)
XYZxyz(63.5028, 53.2593, 56.7942)
Luminance0.5326 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FAABC0 #ABFAE5
analogous
#FAABE7 #FAABC0 #FABEAB
triadic
#FAABC0 #C0FAAB #ABC0FA
tetradic
#FAABC0 #E7FAAB #ABFAE5 #BEABFA
square
#FAABC0 #E7FAAB #ABFAE5 #BEABFA
split-complementary
#FAABC0 #ABFABE #ABE7FA
monochromatic
#F33769 #F77195 #FAABC0 #FDE2E9 #FDE2E9

Accessibility & contrast

On white

1.80
#FAABC0 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.65
#FAABC0 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FAABC0
11.65:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FAABC0#FFFFFF#000000##000000
##FAABC01.001.8011.6511.65
#FFFFFF1.801.0021.0021.00
#00000011.6521.001.001.00
##00000011.6521.001.001.00

Color blindness preview

Protanopia (red-blind)
#B6B8C1
Deuteranopia (green-blind)
#C9C6BE
Tritanopia (blue-blind)
#FFA6B2
Achromatopsia (no color)
#C1C1C1

Design tokens & code

CSS
--color: #faabc0;
/* rgb */ color: rgb(250, 171, 192);
/* oklch */ color: oklch(82.3% 0.096 2.0);
Tailwind
colors: {
  custom: {
    50: '#fdc4d3',
    500: '#faabc0',
    950: '#000000',
  },
}
SCSS
$custom: #faabc0;
$custom-light: #fdc4d3;
$custom-dark: #000000;
JSON
{
  "hex": "#faabc0",
  "rgb": {
    "r": 250,
    "g": 171,
    "b": 192
  },
  "hsl": {
    "h": 344.051,
    "s": 88.764,
    "l": 82.549
  },
  "oklch": {
    "l": 0.82285,
    "c": 0.09598,
    "h": 2
  },
  "luminance": 0.53256
}

Semantic roles & 50–950 ramp

primary
#FAABC0
secondary
#6CDDBF
accent
#E5A800
background
#FFFDFE
surface
#FFF9FB
border
#D7D2D4
text
#181314
muted
#868283

Preview Lab

Preview with #FAABC0

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

Preview Lab → · Contrast checker → · Palette generator →

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