#A43688#A43688

#A43688 is a mid, vivid pink. Relative luminance 0.123; OKLCH L 52.0% C 0.171 H 339.4°. Best body text is #FFFFFF at 6.07:1 contrast (WCAG AA passes).

Color values

HEX#A43688
RGBrgb(164, 54, 136)
HSLhsl(315, 50%, 43%)
HSVhsv(315, 67%, 64%)
CMYKcmyk(0%, 67.1%, 17.1%, 35.7%)
CIE-LABlab(41.71, 53.89, -22.24)
CIE-LCHlch(41.71, 58.30, 337.57°)
OKLaboklab(51.99% 0.1598 -0.06)
OKLCHoklch(51.99% 0.171 339.4)
XYZxyz(21.0734, 12.3103, 24.5541)
Luminance0.1231 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A43688 #36A452
analogous
#8936A4 #A43688 #A43651
triadic
#A43688 #88A436 #3688A4
tetradic
#A43688 #A48936 #36A452 #3651A4
square
#A43688 #A48936 #36A452 #3651A4
split-complementary
#A43688 #51A436 #36A489
monochromatic
#48183C #762762 #A43688 #C651A8 #D57FBF

Accessibility & contrast

On white

6.07
#A43688 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.46
#A43688 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #A43688
6.07:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A43688#FFFFFF#000000##FFFFFF
##A436881.006.073.466.07
#FFFFFF6.071.0021.001.00
#0000003.4621.001.0021.00
##FFFFFF6.071.0021.001.00

Color blindness preview

Protanopia (red-blind)
#3C578A
Deuteranopia (green-blind)
#5E6985
Tritanopia (blue-blind)
#AD395A
Achromatopsia (no color)
#626262

Design tokens & code

CSS
--color: #a43688;
/* rgb */ color: rgb(164, 54, 136);
/* oklch */ color: oklch(52.0% 0.171 339.4);
Tailwind
colors: {
  custom: {
    50: '#c275ab',
    500: '#a43688',
    950: '#000000',
  },
}
SCSS
$custom: #a43688;
$custom-light: #c275ab;
$custom-dark: #000000;
JSON
{
  "hex": "#a43688",
  "rgb": {
    "r": 164,
    "g": 54,
    "b": 136
  },
  "hsl": {
    "h": 315.273,
    "s": 50.459,
    "l": 42.745
  },
  "oklch": {
    "l": 0.5199,
    "c": 0.17073,
    "h": 339.4
  },
  "luminance": 0.12308
}

Semantic roles & 50–950 ramp

primary
#A43688
secondary
#78BE8A
accent
#DA724E
background
#FCF7FA
surface
#F8EDF4
border
#D1C8CE
text
#130910
muted
#827B7F

Preview Lab

Preview with #A43688

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

Preview Lab → · Contrast checker → · Palette generator →

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