#FD6DAF#FD6DAF

#FD6DAF is a light, vivid pink. Relative luminance 0.349; OKLCH L 72.9% C 0.187 H 354.1°. Best body text is #000000 at 7.98:1 contrast (WCAG AA passes).

Color values

HEX#FD6DAF
RGBrgb(253, 109, 175)
HSLhsl(333, 97%, 71%)
HSVhsv(333, 57%, 99%)
CMYKcmyk(0%, 56.9%, 30.8%, 0.8%)
CIE-LABlab(65.69, 61.29, -7.54)
CIE-LCHlch(65.69, 61.76, 352.99°)
OKLaboklab(72.87% 0.1864 -0.0191)
OKLCHoklch(72.87% 0.187 354.1)
XYZxyz(53.7170, 34.9204, 44.4605)
Luminance0.3492 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FD6DAF #6DFDBB
analogous
#FD6DF7 #FD6DAF #FD736D
triadic
#FD6DAF #AFFD6D #6DAFFD
tetradic
#FD6DAF #F7FD6D #6DFDBB #736DFD
square
#FD6DAF #F7FD6D #6DFDBB #736DFD
split-complementary
#FD6DAF #6DFD73 #6DF7FD
monochromatic
#EC036E #FC318E #FD6DAF #FEA9D0 #FFE1EE

Accessibility & contrast

On white

2.63
#FD6DAF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.98
#FD6DAF on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FD6DAF
7.98:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FD6DAF#FFFFFF#000000##000000
##FD6DAF1.002.637.987.98
#FFFFFF2.631.0021.0021.00
#0000007.9821.001.001.00
##0000007.9821.001.001.00

Color blindness preview

Protanopia (red-blind)
#828FB1
Deuteranopia (green-blind)
#A9A9AC
Tritanopia (blue-blind)
#FF6487
Achromatopsia (no color)
#A0A0A0

Design tokens & code

CSS
--color: #fd6daf;
/* rgb */ color: rgb(253, 109, 175);
/* oklch */ color: oklch(72.9% 0.187 354.1);
Tailwind
colors: {
  custom: {
    50: '#ff9dc6',
    500: '#fd6daf',
    950: '#000000',
  },
}
SCSS
$custom: #fd6daf;
$custom-light: #ff9dc6;
$custom-dark: #000000;
JSON
{
  "hex": "#fd6daf",
  "rgb": {
    "r": 253,
    "g": 109,
    "b": 175
  },
  "hsl": {
    "h": 332.5,
    "s": 97.297,
    "l": 70.98
  },
  "oklch": {
    "l": 0.72869,
    "c": 0.18734,
    "h": 354.1
  },
  "luminance": 0.34915
}

Semantic roles & 50–950 ramp

primary
#FD6DAF
secondary
#D0F6E4
accent
#E67C00
background
#FFFAFC
surface
#FFF3F8
border
#D7CDD1
text
#190F13
muted
#877F82

Preview Lab

Preview with #FD6DAF

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

Preview Lab → · Contrast checker → · Palette generator →

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