#F55ACC#F55ACC

#F55ACC is a light, highly saturated pink. Relative luminance 0.311; OKLCH L 70.7% C 0.224 H 339.7°. Best body text is #000000 at 7.22:1 contrast (WCAG AA passes).

Color values

HEX#F55ACC
RGBrgb(245, 90, 204)
HSLhsl(316, 89%, 66%)
HSVhsv(316, 63%, 96%)
CMYKcmyk(0%, 63.3%, 16.7%, 3.9%)
CIE-LABlab(62.58, 70.78, -28.81)
CIE-LCHlch(62.58, 76.42, 337.85°)
OKLaboklab(70.68% 0.2099 -0.0776)
OKLCHoklch(70.68% 0.224 339.7)
XYZxyz(52.2126, 31.0891, 60.3660)
Luminance0.3108 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#F55ACC #5AF583
analogous
#D05AF5 #F55ACC #F55A7E
triadic
#F55ACC #CCF55A #5ACCF5
tetradic
#F55ACC #F5D05A #5AF583 #5A7EF5
square
#F55ACC #F5D05A #5AF583 #5A7EF5
split-complementary
#F55ACC #7EF55A #5AF5D0
monochromatic
#C80C97 #F220BA #F55ACC #F894DE #FCCDF0

Accessibility & contrast

On white

2.91
#F55ACC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.22
#F55ACC on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #F55ACC
7.22:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##F55ACC#FFFFFF#000000##000000
##F55ACC1.002.917.227.22
#FFFFFF2.911.0021.0021.00
#0000007.2221.001.001.00
##0000007.2221.001.001.00

Color blindness preview

Protanopia (red-blind)
#6288CF
Deuteranopia (green-blind)
#92A0C8
Tritanopia (blue-blind)
#FF5E8B
Achromatopsia (no color)
#979797

Design tokens & code

CSS
--color: #f55acc;
/* rgb */ color: rgb(245, 90, 204);
/* oklch */ color: oklch(70.7% 0.224 339.7);
Tailwind
colors: {
  custom: {
    50: '#fc92db',
    500: '#f55acc',
    950: '#000000',
  },
}
SCSS
$custom: #f55acc;
$custom-light: #fc92db;
$custom-dark: #000000;
JSON
{
  "hex": "#f55acc",
  "rgb": {
    "r": 245,
    "g": 90,
    "b": 204
  },
  "hsl": {
    "h": 315.871,
    "s": 88.571,
    "l": 65.686
  },
  "oklch": {
    "l": 0.7068,
    "c": 0.22379,
    "h": 339.7
  },
  "luminance": 0.31084
}

Semantic roles & 50–950 ramp

primary
#F55ACC
secondary
#BCEFC9
accent
#E53D00
background
#FFF9FD
surface
#FFF2FB
border
#D7CCD4
text
#180E15
muted
#867E83

Preview Lab

Preview with #F55ACC

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

Preview Lab → · Contrast checker → · Palette generator →

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