#F255B5#F255B5

#F255B5 is a light, highly saturated pink. Relative luminance 0.287; OKLCH L 68.8% C 0.214 H 346.5°. Best body text is #000000 at 6.74:1 contrast (WCAG AA passes).

Color values

HEX#F255B5
RGBrgb(242, 85, 181)
HSLhsl(323, 86%, 64%)
HSVhsv(323, 65%, 95%)
CMYKcmyk(0%, 64.9%, 25.2%, 5.1%)
CIE-LABlab(60.53, 68.88, -18.89)
CIE-LCHlch(60.53, 71.42, 344.66°)
OKLaboklab(68.8% 0.2083 -0.0499)
OKLCHoklch(68.8% 0.214 346.5)
XYZxyz(48.2088, 28.7153, 46.7108)
Luminance0.2871 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#F255B5 #55F292
analogous
#E055F2 #F255B5 #F25567
triadic
#F255B5 #B5F255 #55B5F2
tetradic
#F255B5 #F2E055 #55F292 #5567F2
square
#F255B5 #F2E055 #55F292 #5567F2
split-complementary
#F255B5 #67F255 #55F2E0
monochromatic
#BE0F7A #EE1C9C #F255B5 #F68ECE #FBC7E6

Accessibility & contrast

On white

3.11
#F255B5 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.74
#F255B5 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #F255B5
6.74:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##F255B5#FFFFFF#000000##000000
##F255B51.003.116.746.74
#FFFFFF3.111.0021.0021.00
#0000006.7421.001.001.00
##0000006.7421.001.001.00

Color blindness preview

Protanopia (red-blind)
#6781B8
Deuteranopia (green-blind)
#959CB1
Tritanopia (blue-blind)
#FF517E
Achromatopsia (no color)
#929292

Design tokens & code

CSS
--color: #f255b5;
/* rgb */ color: rgb(242, 85, 181);
/* oklch */ color: oklch(68.8% 0.214 346.5);
Tailwind
colors: {
  custom: {
    50: '#fa8fcb',
    500: '#f255b5',
    950: '#000000',
  },
}
SCSS
$custom: #f255b5;
$custom-light: #fa8fcb;
$custom-dark: #000000;
JSON
{
  "hex": "#f255b5",
  "rgb": {
    "r": 242,
    "g": 85,
    "b": 181
  },
  "hsl": {
    "h": 323.312,
    "s": 85.792,
    "l": 64.118
  },
  "oklch": {
    "l": 0.68795,
    "c": 0.2142,
    "h": 346.5
  },
  "luminance": 0.2871
}

Semantic roles & 50–950 ramp

primary
#F255B5
secondary
#B6EDCB
accent
#E25A03
background
#FFF9FC
surface
#FFF2F8
border
#D7CCD1
text
#180D13
muted
#867E82

Preview Lab

Preview with #F255B5

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

Preview Lab → · Contrast checker → · Palette generator →

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