#FA6E93#FA6E93

#FA6E93 is a light, vivid pink. Relative luminance 0.336; OKLCH L 71.7% C 0.174 H 6.0°. Best body text is #000000 at 7.72:1 contrast (WCAG AA passes).

Color values

HEX#FA6E93
RGBrgb(250, 110, 147)
HSLhsl(344, 93%, 71%)
HSVhsv(344, 56%, 98%)
CMYKcmyk(0%, 56%, 41.2%, 2%)
CIE-LABlab(64.63, 56.79, 6.84)
CIE-LCHlch(64.63, 57.20, 6.87°)
OKLaboklab(71.74% 0.1728 0.0183)
OKLCHoklch(71.74% 0.174 6)
XYZxyz(50.2699, 33.5879, 31.4339)
Luminance0.3358 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FA6E93 #6EFAD5
analogous
#FA6ED9 #FA6E93 #FA8F6E
triadic
#FA6E93 #93FA6E #6E93FA
tetradic
#FA6E93 #D9FA6E #6EFAD5 #8F6EFA
square
#FA6E93 #D9FA6E #6EFAD5 #8F6EFA
split-complementary
#FA6E93 #6EFA8F #6ED9FA
monochromatic
#E60843 #F83367 #FA6E93 #FCA9BF #FEE1E9

Accessibility & contrast

On white

2.72
#FA6E93 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.72
#FA6E93 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FA6E93
7.72:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FA6E93#FFFFFF#000000##000000
##FA6E931.002.727.727.72
#FFFFFF2.721.0021.0021.00
#0000007.7221.001.001.00
##0000007.7221.001.001.00

Color blindness preview

Protanopia (red-blind)
#898C94
Deuteranopia (green-blind)
#ADA790
Tritanopia (blue-blind)
#FF5F7C
Achromatopsia (no color)
#9D9D9D

Design tokens & code

CSS
--color: #fa6e93;
/* rgb */ color: rgb(250, 110, 147);
/* oklch */ color: oklch(71.7% 0.174 6.0);
Tailwind
colors: {
  custom: {
    50: '#ff9cb2',
    500: '#fa6e93',
    950: '#000000',
  },
}
SCSS
$custom: #fa6e93;
$custom-light: #ff9cb2;
$custom-dark: #000000;
JSON
{
  "hex": "#fa6e93",
  "rgb": {
    "r": 250,
    "g": 110,
    "b": 147
  },
  "hsl": {
    "h": 344.143,
    "s": 93.333,
    "l": 70.588
  },
  "oklch": {
    "l": 0.71739,
    "c": 0.17377,
    "h": 6
  },
  "luminance": 0.33582
}

Semantic roles & 50–950 ramp

primary
#FA6E93
secondary
#CFF5EB
accent
#E6A900
background
#FFF9FA
surface
#FFF2F5
border
#D7CCCF
text
#190F10
muted
#877E7F

Preview Lab

Preview with #FA6E93

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

Preview Lab → · Contrast checker → · Palette generator →

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