#AE328F#AE328F

#AE328F is a mid, vivid pink. Relative luminance 0.133; OKLCH L 53.5% C 0.187 H 339.7°. Best body text is #FFFFFF at 5.75:1 contrast (WCAG AA passes).

Color values

HEX	#AE328F
RGB	rgb(174, 50, 143)
HSL	hsl(315, 55%, 44%)
HSV	hsv(315, 71%, 68%)
CMYK	cmyk(0%, 71.3%, 17.8%, 31.8%)
CIE-LAB	lab(43.16, 59.06, -24.12)
CIE-LCH	lch(43.16, 63.80, 337.79°)
OKLab	oklab(53.47% 0.1757 -0.0651)
OKLCH	oklch(53.47% 0.187 339.7)
XYZ	xyz(23.5547, 13.2653, 27.3012)
Luminance	0.1326 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#AE328F #32AE51

analogous

#8F32AE #AE328F #AE3251

triadic

#AE328F #8FAE32 #328FAE

tetradic

#AE328F #AE8F32 #32AE51 #3251AE

square

#AE328F #AE8F32 #32AE51 #3251AE

split-complementary

#AE328F #51AE32 #32AE8F

monochromatic

#4F1741 #7E2468 #AE328F #CD50AE #DA80C4

Accessibility & contrast

On white

5.75

#AE328F on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.65

#AE328F on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #AE328F

5.75:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##AE328F	#FFFFFF	#000000	##FFFFFF
##AE328F	1.00	5.75	3.65	5.75
#FFFFFF	5.75	1.00	21.00	1.00
#000000	3.65	21.00	1.00	21.00
##FFFFFF	5.75	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#3A5992

Deuteranopia (green-blind)

#616D8C

Tritanopia (blue-blind)

#B8365C

Achromatopsia (no color)

#666666

Design tokens & code

CSS

--color: #ae328f;
/* rgb */ color: rgb(174, 50, 143);
/* oklch */ color: oklch(53.5% 0.187 339.7);

Tailwind

colors: {
  custom: {
    50: '#ca75b0',
    500: '#ae328f',
    950: '#000000',
  },
}

SCSS

$custom: #ae328f;
$custom-light: #ca75b0;
$custom-dark: #000000;

JSON

{
  "hex": "#ae328f",
  "rgb": {
    "r": 174,
    "g": 50,
    "b": 143
  },
  "hsl": {
    "h": 315,
    "s": 55.357,
    "l": 43.922
  },
  "oklch": {
    "l": 0.53475,
    "c": 0.18736,
    "h": 339.7
  },
  "luminance": 0.13263
}

Semantic roles & 50–950 ramp

primary

#AE328F

secondary

#78C48B

accent

#DF6F49

background

#FCF7FA

surface

#F9EDF4

border

#D2C8CE

text

#140910

muted

#827B7F

Preview Lab

Preview with #AE328F

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

Preview Lab → · Contrast checker → · Palette generator →