#F165E9#F165E9

#F165E9 is a light, highly saturated purple. Relative luminance 0.339; OKLCH L 72.7% C 0.227 H 329.9°. Best body text is #000000 at 7.78:1 contrast (WCAG AA passes).

Color values

HEX#F165E9
RGBrgb(241, 101, 233)
HSLhsl(303, 83%, 67%)
HSVhsv(303, 58%, 95%)
CMYKcmyk(0%, 58.1%, 3.3%, 5.5%)
CIE-LABlab(64.88, 69.64, -41.54)
CIE-LCHlch(64.88, 81.09, 329.19°)
OKLaboklab(72.65% 0.1968 -0.1141)
OKLCHoklch(72.65% 0.227 329.9)
XYZxyz(55.6368, 33.8951, 80.6870)
Luminance0.3389 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#F165E9 #65F16D
analogous
#B365F1 #F165E9 #F165A3
triadic
#F165E9 #E9F165 #65E9F1
tetradic
#F165E9 #F1B365 #65F16D #65A3F1
square
#F165E9 #F1B365 #65F16D #65A3F1
split-complementary
#F165E9 #A3F165 #65F1B3
monochromatic
#C912BF #EC2DE1 #F165E9 #F69DF1 #FBD5F9

Accessibility & contrast

On white

2.70
#F165E9 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.78
#F165E9 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #F165E9
7.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##F165E9#FFFFFF#000000##000000
##F165E91.002.707.787.78
#FFFFFF2.701.0021.0021.00
#0000007.7821.001.001.00
##0000007.7821.001.001.00

Color blindness preview

Protanopia (red-blind)
#5B91ED
Deuteranopia (green-blind)
#89A4E5
Tritanopia (blue-blind)
#F9739E
Achromatopsia (no color)
#9D9D9D

Design tokens & code

CSS
--color: #f165e9;
/* rgb */ color: rgb(241, 101, 233);
/* oklch */ color: oklch(72.7% 0.227 329.9);
Tailwind
colors: {
  custom: {
    50: '#f998f0',
    500: '#f165e9',
    950: '#000000',
  },
}
SCSS
$custom: #f165e9;
$custom-light: #f998f0;
$custom-dark: #000000;
JSON
{
  "hex": "#f165e9",
  "rgb": {
    "r": 241,
    "g": 101,
    "b": 233
  },
  "hsl": {
    "h": 303.429,
    "s": 83.333,
    "l": 67.059
  },
  "oklch": {
    "l": 0.7265,
    "c": 0.22743,
    "h": 329.9
  },
  "luminance": 0.33891
}

Semantic roles & 50–950 ramp

primary
#F165E9
secondary
#C3EFC5
accent
#E01206
background
#FFF9FE
surface
#FFF2FD
border
#D7CCD5
text
#180E16
muted
#867E84

Preview Lab

Preview with #F165E9

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

Preview Lab → · Contrast checker → · Palette generator →

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