#DF3471#DF3471

#DF3471 is a mid, highly saturated pink. Relative luminance 0.193; OKLCH L 60.5% C 0.209 H 5.0°. Best body text is #000000 at 4.87:1 contrast (WCAG AA passes).

Color values

HEX	#DF3471
RGB	rgb(223, 52, 113)
HSL	hsl(339, 73%, 54%)
HSV	hsv(339, 77%, 87%)
CMYK	cmyk(0%, 76.7%, 49.3%, 12.5%)
CIE-LAB	lab(51.08, 68.01, 6.86)
CIE-LCH	lch(51.08, 68.35, 5.76°)
OKLab	oklab(60.55% 0.208 0.0181)
OKLCH	oklch(60.55% 0.209 5)
XYZ	xyz(34.6431, 19.3410, 17.5286)
Luminance	0.1934 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#DF3471 #34DFA2

analogous

#DF34C7 #DF3471 #DF4D34

triadic

#DF3471 #71DF34 #3471DF

tetradic

#DF3471 #C7DF34 #34DFA2 #4D34DF

square

#DF3471 #C7DF34 #34DFA2 #4D34DF

split-complementary

#DF3471 #34DF4D #34C7DF

monochromatic

#84153C #B91D55 #DF3471 #E76996 #F09EBB

Accessibility & contrast

On white

4.31

#DF3471 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.87

#DF3471 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #DF3471

4.87:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##DF3471	#FFFFFF	#000000	##000000
##DF3471	1.00	4.31	4.87	4.87
#FFFFFF	4.31	1.00	21.00	21.00
#000000	4.87	21.00	1.00	1.00
##000000	4.87	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#5F6472

Deuteranopia (green-blind)

#8C866D

Tritanopia (blue-blind)

#F3004F

Achromatopsia (no color)

#7A7A7A

Design tokens & code

CSS

--color: #df3471;
/* rgb */ color: rgb(223, 52, 113);
/* oklch */ color: oklch(60.5% 0.209 5.0);

Tailwind

colors: {
  custom: {
    50: '#f07b99',
    500: '#df3471',
    950: '#000000',
  },
}

SCSS

$custom: #df3471;
$custom-light: #f07b99;
$custom-dark: #000000;

JSON

{
  "hex": "#df3471",
  "rgb": {
    "r": 223,
    "g": 52,
    "b": 113
  },
  "hsl": {
    "h": 338.596,
    "s": 72.766,
    "l": 53.922
  },
  "oklch": {
    "l": 0.60545,
    "c": 0.20881,
    "h": 5
  },
  "luminance": 0.19336
}

Semantic roles & 50–950 ramp

primary

#DF3471

secondary

#93DCC2

accent

#EFAE38

background

#FFF8F9

surface

#FFEFF2

border

#D7CACC

text

#180B0D

muted

#867C7E

Preview Lab

Preview with #DF3471

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

Preview Lab → · Contrast checker → · Palette generator →