#A11888#A11888

#A11888 is a mid, highly saturated pink. Relative luminance 0.100; OKLCH L 49.1% C 0.201 H 337.4°. Best body text is #FFFFFF at 7.00:1 contrast (WCAG AA passes).

Color values

HEX#A11888
RGBrgb(161, 24, 136)
HSLhsl(311, 74%, 36%)
HSVhsv(311, 85%, 63%)
CMYKcmyk(0%, 85.1%, 15.5%, 36.9%)
CIE-LABlab(37.86, 62.58, -28.28)
CIE-LCHlch(37.86, 68.68, 335.69°)
OKLaboklab(49.11% 0.1852 -0.077)
OKLCHoklch(49.11% 0.201 337.4)
XYZxyz(19.4690, 10.0098, 24.1945)
Luminance0.1001 (WCAG relative)
Temperatureneutral
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A11888 #18A131
analogous
#7618A1 #A11888 #A11844
triadic
#A11888 #88A118 #1888A1
tetradic
#A11888 #A17618 #18A131 #1844A1
square
#A11888 #A17618 #18A131 #1844A1
split-complementary
#A11888 #44A118 #18A176
monochromatic
#36082E #6C105B #A11888 #D620B5 #E54FC9

Accessibility & contrast

On white

7.00
#A11888 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

3.00
#A11888 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #A11888
7.00:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A11888#FFFFFF#000000##FFFFFF
##A118881.007.003.007.00
#FFFFFF7.001.0021.001.00
#0000003.0021.001.0021.00
##FFFFFF7.001.0021.001.00

Color blindness preview

Protanopia (red-blind)
#1F4C8B
Deuteranopia (green-blind)
#516085
Tritanopia (blue-blind)
#AA2351
Achromatopsia (no color)
#595959

Design tokens & code

CSS
--color: #a11888;
/* rgb */ color: rgb(161, 24, 136);
/* oklch */ color: oklch(49.1% 0.201 337.4);
Tailwind
colors: {
  custom: {
    50: '#c169ab',
    500: '#a11888',
    950: '#000000',
  },
}
SCSS
$custom: #a11888;
$custom-light: #c169ab;
$custom-dark: #000000;
JSON
{
  "hex": "#a11888",
  "rgb": {
    "r": 161,
    "g": 24,
    "b": 136
  },
  "hsl": {
    "h": 310.949,
    "s": 74.054,
    "l": 36.275
  },
  "oklch": {
    "l": 0.49112,
    "c": 0.2006,
    "h": 337.4
  },
  "luminance": 0.10008
}

Semantic roles & 50–950 ramp

primary
#A11888
secondary
#4EC764
accent
#F15937
background
#FCF6FA
surface
#F8ECF4
border
#D1C7CE
text
#130710
muted
#827A7F

Preview Lab

Preview with #A11888

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

Preview Lab → · Contrast checker → · Palette generator →

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