#50193C#50193C

#50193C is a dark, moderate pink. Relative luminance 0.027; OKLCH L 31.3% C 0.093 H 344.7°. Best body text is #FFFFFF at 13.59:1 contrast (WCAG AA passes).

Color values

HEX#50193C
RGBrgb(80, 25, 60)
HSLhsl(322, 52%, 21%)
HSVhsv(322, 69%, 31%)
CMYKcmyk(0%, 68.8%, 25%, 68.6%)
CIE-LABlab(18.92, 30.00, -9.28)
CIE-LCHlch(18.92, 31.40, 342.81°)
OKLaboklab(31.33% 0.0902 -0.0246)
OKLCHoklch(31.33% 0.093 344.7)
XYZxyz(4.4717, 2.7274, 4.5650)
Luminance0.0273 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#50193C #19502D
analogous
#481950 #50193C #501920
triadic
#50193C #3C5019 #193C50
tetradic
#50193C #504819 #19502D #192050
square
#50193C #504819 #19502D #192050
split-complementary
#50193C #205019 #195048
monochromatic
#170711 #210A19 #50193C #7F285F #AD3682

Accessibility & contrast

On white

13.59
#50193C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.55
#50193C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #50193C
13.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##50193C#FFFFFF#000000##FFFFFF
##50193C1.0013.591.5513.59
#FFFFFF13.591.0021.001.00
#0000001.5521.001.0021.00
##FFFFFF13.591.0021.001.00

Color blindness preview

Protanopia (red-blind)
#1E283D
Deuteranopia (green-blind)
#2E313B
Tritanopia (blue-blind)
#551928
Achromatopsia (no color)
#2E2E2E

Design tokens & code

CSS
--color: #50193c;
/* rgb */ color: rgb(80, 25, 60);
/* oklch */ color: oklch(31.3% 0.093 344.7);
Tailwind
colors: {
  custom: {
    50: '#835a71',
    500: '#50193c',
    950: '#000000',
  },
}
SCSS
$custom: #50193c;
$custom-light: #835a71;
$custom-dark: #000000;
JSON
{
  "hex": "#50193c",
  "rgb": {
    "r": 80,
    "g": 25,
    "b": 60
  },
  "hsl": {
    "h": 321.818,
    "s": 52.381,
    "l": 20.588
  },
  "oklch": {
    "l": 0.31329,
    "c": 0.09349,
    "h": 344.7
  },
  "luminance": 0.02727
}

Semantic roles & 50–950 ramp

primary
#50193C
secondary
#3E8659
accent
#DC804C
background
#F8F5F6
surface
#EFE9EC
border
#CAC5C7
text
#0B0407
muted
#7C797A

Preview Lab

Preview with #50193C

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

Preview Lab → · Contrast checker → · Palette generator →

#50193C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva