#FE6BD6#FE6BD6

#FE6BD6 is a light, highly saturated pink. Relative luminance 0.364; OKLCH L 74.2% C 0.213 H 339.5°. Best body text is #000000 at 8.29:1 contrast (WCAG AA passes).

Color values

HEX#FE6BD6
RGBrgb(254, 107, 214)
HSLhsl(316, 99%, 71%)
HSVhsv(316, 58%, 100%)
CMYKcmyk(0%, 57.9%, 15.7%, 0.4%)
CIE-LABlab(66.86, 67.60, -27.73)
CIE-LCHlch(66.86, 73.07, 337.69°)
OKLaboklab(74.21% 0.1998 -0.0746)
OKLCHoklch(74.21% 0.213 339.5)
XYZxyz(58.2694, 36.4461, 67.5712)
Luminance0.3644 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FE6BD6 #6BFE93
analogous
#DD6BFE #FE6BD6 #FE6B8C
triadic
#FE6BD6 #D6FE6B #6BD6FE
tetradic
#FE6BD6 #FEDD6B #6BFE93 #6B8CFE
square
#FE6BD6 #FEDD6B #6BFE93 #6B8CFE
split-complementary
#FE6BD6 #8CFE6B #6BFEDD
monochromatic
#ED02AD #FE2EC5 #FE6BD6 #FEA8E7 #FFE1F7

Accessibility & contrast

On white

2.53
#FE6BD6 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.29
#FE6BD6 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FE6BD6
8.29:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FE6BD6#FFFFFF#000000##000000
##FE6BD61.002.538.298.29
#FFFFFF2.531.0021.0021.00
#0000008.2921.001.001.00
##0000008.2921.001.001.00

Color blindness preview

Protanopia (red-blind)
#7294D9
Deuteranopia (green-blind)
#9DABD2
Tritanopia (blue-blind)
#FF6F97
Achromatopsia (no color)
#A3A3A3

Design tokens & code

CSS
--color: #fe6bd6;
/* rgb */ color: rgb(254, 107, 214);
/* oklch */ color: oklch(74.2% 0.213 339.5);
Tailwind
colors: {
  custom: {
    50: '#ff9ce3',
    500: '#fe6bd6',
    950: '#000000',
  },
}
SCSS
$custom: #fe6bd6;
$custom-light: #ff9ce3;
$custom-dark: #000000;
JSON
{
  "hex": "#fe6bd6",
  "rgb": {
    "r": 254,
    "g": 107,
    "b": 214
  },
  "hsl": {
    "h": 316.327,
    "s": 98.658,
    "l": 70.784
  },
  "oklch": {
    "l": 0.74211,
    "c": 0.21324,
    "h": 339.5
  },
  "luminance": 0.36441
}

Semantic roles & 50–950 ramp

primary
#FE6BD6
secondary
#CFF6D9
accent
#E63E00
background
#FFFAFD
surface
#FFF3FB
border
#D7CDD4
text
#190F15
muted
#877F83

Preview Lab

Preview with #FE6BD6

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

Preview Lab → · Contrast checker → · Palette generator →

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