#DB74AF#DB74AF

#DB74AF is a light, vivid pink. Relative luminance 0.306; OKLCH L 69.3% C 0.145 H 346.1°. Best body text is #000000 at 7.13:1 contrast (WCAG AA passes).

Color values

HEX	#DB74AF
RGB	rgb(219, 116, 175)
HSL	hsl(326, 59%, 66%)
HSV	hsv(326, 47%, 86%)
CMYK	cmyk(0%, 47%, 20.1%, 14.1%)
CIE-LAB	lab(62.21, 47.31, -13.23)
CIE-LCH	lch(62.21, 49.13, 344.38°)
OKLab	oklab(69.31% 0.1411 -0.0348)
OKLCH	oklch(69.31% 0.145 346.1)
XYZ	xyz(43.1976, 30.6493, 44.1899)
Luminance	0.3065 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#DB74AF #74DBA0

analogous

#D374DB #DB74AF #DB747B

triadic

#DB74AF #AFDB74 #74AFDB

tetradic

#DB74AF #DBD374 #74DBA0 #747BDB

square

#DB74AF #DBD374 #74DBA0 #747BDB

split-complementary

#DB74AF #7BDB74 #74DBD3

monochromatic

#A92C73 #CE4393 #DB74AF #E8A5CB #F4D5E7

Accessibility & contrast

On white

2.95

#DB74AF on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.13

#DB74AF on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DB74AF

7.13:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##DB74AF	#FFFFFF	#000000	##000000
##DB74AF	1.00	2.95	7.13	7.13
#FFFFFF	2.95	1.00	21.00	21.00
#000000	7.13	21.00	1.00	1.00
##000000	7.13	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#7D8CB1

Deuteranopia (green-blind)

#989DAC

Tritanopia (blue-blind)

#E7738A

Achromatopsia (no color)

#969696

Design tokens & code

CSS

--color: #db74af;
/* rgb */ color: rgb(219, 116, 175);
/* oklch */ color: oklch(69.3% 0.145 346.1);

Tailwind

colors: {
  custom: {
    50: '#e89fc7',
    500: '#db74af',
    950: '#000000',
  },
}

SCSS

$custom: #db74af;
$custom-light: #e89fc7;
$custom-dark: #000000;

JSON

{
  "hex": "#db74af",
  "rgb": {
    "r": 219,
    "g": 116,
    "b": 175
  },
  "hsl": {
    "h": 325.631,
    "s": 58.857,
    "l": 65.686
  },
  "oklch": {
    "l": 0.6931,
    "c": 0.14537,
    "h": 346.1
  },
  "luminance": 0.30646
}

Semantic roles & 50–950 ramp

primary

#DB74AF

secondary

#C4E7D3

accent

#C6671F

background

#FEF9FC

surface

#FDF2F8

border

#D5CCD1

text

#160F13

muted

#847E82

Preview Lab

Preview with #DB74AF

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

Preview Lab → · Contrast checker → · Palette generator →