#D23C8F#D23C8F

#D23C8F is a mid, highly saturated pink. Relative luminance 0.189; OKLCH L 60.1% C 0.201 H 350.9°. Best body text is #000000 at 4.78:1 contrast (WCAG AA passes).

Color values

HEX#D23C8F
RGBrgb(210, 60, 143)
HSLhsl(327, 63%, 53%)
HSVhsv(327, 71%, 82%)
CMYKcmyk(0%, 71.4%, 31.9%, 17.6%)
CIE-LABlab(50.59, 64.92, -12.20)
CIE-LCHlch(50.59, 66.06, 349.36°)
OKLaboklab(60.06% 0.1984 -0.0317)
OKLCHoklch(60.06% 0.201 350.9)
XYZxyz(33.1539, 18.9203, 27.8873)
Luminance0.1892 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#D23C8F #3CD27F
analogous
#CA3CD2 #D23C8F #D23C44
triadic
#D23C8F #8FD23C #3C8FD2
tetradic
#D23C8F #D2CA3C #3CD27F #3C44D2
square
#D23C8F #D2CA3C #3CD27F #3C44D2
split-complementary
#D23C8F #44D23C #3CD2CA
monochromatic
#781C4F #AA276F #D23C8F #DD6EAC #E99FC8

Accessibility & contrast

On white

4.39
#D23C8F on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.78
#D23C8F on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #D23C8F
4.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##D23C8F#FFFFFF#000000##000000
##D23C8F1.004.394.784.78
#FFFFFF4.391.0021.0021.00
#0000004.7821.001.001.00
##0000004.7821.001.001.00

Color blindness preview

Protanopia (red-blind)
#546791
Deuteranopia (green-blind)
#7F828C
Tritanopia (blue-blind)
#E13260
Achromatopsia (no color)
#787878

Design tokens & code

CSS
--color: #d23c8f;
/* rgb */ color: rgb(210, 60, 143);
/* oklch */ color: oklch(60.1% 0.201 350.9);
Tailwind
colors: {
  custom: {
    50: '#e47eaf',
    500: '#d23c8f',
    950: '#000000',
  },
}
SCSS
$custom: #d23c8f;
$custom-light: #e47eaf;
$custom-dark: #000000;
JSON
{
  "hex": "#d23c8f",
  "rgb": {
    "r": 210,
    "g": 60,
    "b": 143
  },
  "hsl": {
    "h": 326.8,
    "s": 62.5,
    "l": 52.941
  },
  "oklch": {
    "l": 0.60062,
    "c": 0.20092,
    "h": 350.9
  },
  "luminance": 0.18917
}

Semantic roles & 50–950 ramp

primary
#D23C8F
secondary
#94D5B1
accent
#E68B42
background
#FEF8FA
surface
#FDEFF4
border
#D5CACE
text
#160B10
muted
#847C7F

Preview Lab

Preview with #D23C8F

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

Preview Lab → · Contrast checker → · Palette generator →

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