#52103F#52103F

#52103F is a dark, moderate pink. Relative luminance 0.025; OKLCH L 30.8% C 0.111 H 342.0°. Best body text is #FFFFFF at 13.96:1 contrast (WCAG AA passes).

Color values

HEX#52103F
RGBrgb(82, 16, 63)
HSLhsl(317, 67%, 19%)
HSVhsv(317, 80%, 32%)
CMYKcmyk(0%, 80.5%, 23.2%, 67.8%)
CIE-LABlab(18.03, 35.05, -12.71)
CIE-LCHlch(18.03, 37.28, 340.07°)
OKLaboklab(30.8% 0.1052 -0.0341)
OKLCHoklch(30.8% 0.111 342)
XYZxyz(4.5623, 2.5238, 4.9485)
Luminance0.0252 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#52103F #105223
analogous
#441052 #52103F #52101E
triadic
#52103F #3F5210 #103F52
tetradic
#52103F #524410 #105223 #101E52
square
#52103F #524410 #105223 #101E52
split-complementary
#52103F #1E5210 #105244
monochromatic
#1A0514 #1F0618 #52103F #851A66 #B8248E

Accessibility & contrast

On white

13.96
#52103F on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.50
#52103F on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #52103F
13.96:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##52103F#FFFFFF#000000##FFFFFF
##52103F1.0013.961.5013.96
#FFFFFF13.961.0021.001.00
#0000001.5021.001.0021.00
##FFFFFF13.961.0021.001.00

Color blindness preview

Protanopia (red-blind)
#162540
Deuteranopia (green-blind)
#2B303D
Tritanopia (blue-blind)
#581126
Achromatopsia (no color)
#2C2C2C

Design tokens & code

CSS
--color: #52103f;
/* rgb */ color: rgb(82, 16, 63);
/* oklch */ color: oklch(30.8% 0.111 342.0);
Tailwind
colors: {
  custom: {
    50: '#855674',
    500: '#52103f',
    950: '#000000',
  },
}
SCSS
$custom: #52103f;
$custom-light: #855674;
$custom-dark: #000000;
JSON
{
  "hex": "#52103f",
  "rgb": {
    "r": 82,
    "g": 16,
    "b": 63
  },
  "hsl": {
    "h": 317.273,
    "s": 67.347,
    "l": 19.216
  },
  "oklch": {
    "l": 0.30798,
    "c": 0.11063,
    "h": 342
  },
  "luminance": 0.02523
}

Semantic roles & 50–950 ramp

primary
#52103F
secondary
#328C4C
accent
#EA6F3E
background
#F8F5F7
surface
#F0E9ED
border
#CBC5C8
text
#0B0308
muted
#7C787B

Preview Lab

Preview with #52103F

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

Preview Lab → · Contrast checker → · Palette generator →

#52103F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva