#FC6AEB#FC6AEB

#FC6AEB is a light, highly saturated purple. Relative luminance 0.370; OKLCH L 74.7% C 0.228 H 332.4°. Best body text is #000000 at 8.40:1 contrast (WCAG AA passes).

Color values

HEX#FC6AEB
RGBrgb(252, 106, 235)
HSLhsl(307, 96%, 70%)
HSVhsv(307, 58%, 99%)
CMYKcmyk(0%, 57.9%, 6.7%, 1.2%)
CIE-LABlab(67.28, 70.65, -38.78)
CIE-LCHlch(67.28, 80.59, 331.24°)
OKLaboklab(74.75% 0.2024 -0.106)
OKLCHoklch(74.75% 0.228 332.4)
XYZxyz(60.2943, 37.0060, 82.5483)
Luminance0.3700 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FC6AEB #6AFC7B
analogous
#C46AFC #FC6AEB #FC6AA2
triadic
#FC6AEB #EBFC6A #6AEBFC
tetradic
#FC6AEB #FCC46A #6AFC7B #6AA2FC
square
#FC6AEB #FCC46A #6AFC7B #6AA2FC
split-complementary
#FC6AEB #A2FC6A #6AFCC4
monochromatic
#E705CD #FB2EE3 #FC6AEB #FDA6F3 #FEE1FB

Accessibility & contrast

On white

2.50
#FC6AEB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.40
#FC6AEB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FC6AEB
8.40:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FC6AEB#FFFFFF#000000##000000
##FC6AEB1.002.508.408.40
#FFFFFF2.501.0021.0021.00
#0000008.4021.001.001.00
##0000008.4021.001.001.00

Color blindness preview

Protanopia (red-blind)
#6596EF
Deuteranopia (green-blind)
#93ABE7
Tritanopia (blue-blind)
#FF76A1
Achromatopsia (no color)
#A4A4A4

Design tokens & code

CSS
--color: #fc6aeb;
/* rgb */ color: rgb(252, 106, 235);
/* oklch */ color: oklch(74.7% 0.228 332.4);
Tailwind
colors: {
  custom: {
    50: '#ff9cf2',
    500: '#fc6aeb',
    950: '#000000',
  },
}
SCSS
$custom: #fc6aeb;
$custom-light: #ff9cf2;
$custom-dark: #000000;
JSON
{
  "hex": "#fc6aeb",
  "rgb": {
    "r": 252,
    "g": 106,
    "b": 235
  },
  "hsl": {
    "h": 306.986,
    "s": 96.053,
    "l": 70.196
  },
  "oklch": {
    "l": 0.74746,
    "c": 0.22849,
    "h": 332.4
  },
  "luminance": 0.37002
}

Semantic roles & 50–950 ramp

primary
#FC6AEB
secondary
#CDF5D1
accent
#E61B00
background
#FFFAFE
surface
#FFF3FD
border
#D7CDD5
text
#180F17
muted
#867F85

Preview Lab

Preview with #FC6AEB

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

Preview Lab → · Contrast checker → · Palette generator →

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