#470B42#470B42

#470B42 is a dark, moderate purple. Relative luminance 0.020; OKLCH L 28.5% C 0.112 H 331.8°. Best body text is #FFFFFF at 15.06:1 contrast (WCAG AA passes).

Color values

HEX#470B42
RGBrgb(71, 11, 66)
HSLhsl(305, 73%, 16%)
HSVhsv(305, 85%, 28%)
CMYKcmyk(0%, 84.5%, 7%, 72.2%)
CIE-LABlab(15.34, 34.38, -19.16)
CIE-LCHlch(15.34, 39.36, 330.87°)
OKLaboklab(28.5% 0.0985 -0.0528)
OKLCHoklch(28.5% 0.112 331.8)
XYZxyz(3.7016, 1.9726, 5.3390)
Luminance0.0197 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#470B42 #0B4710
analogous
#2E0B47 #470B42 #470B24
triadic
#470B42 #42470B #0B4247
tetradic
#470B42 #472E0B #0B4710 #0B2447
square
#470B42 #472E0B #0B4710 #0B2447
split-complementary
#470B42 #24470B #0B472E
monochromatic
#1A0419 #1A0419 #470B42 #7C1373 #B11BA5

Accessibility & contrast

On white

15.06
#470B42 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.39
#470B42 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #470B42
15.06:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##470B42#FFFFFF#000000##FFFFFF
##470B421.0015.061.3915.06
#FFFFFF15.061.0021.001.00
#0000001.3921.001.0021.00
##FFFFFF15.061.0021.001.00

Color blindness preview

Protanopia (red-blind)
#062143
Deuteranopia (green-blind)
#1F2941
Tritanopia (blue-blind)
#4A1226
Achromatopsia (no color)
#262626

Design tokens & code

CSS
--color: #470b42;
/* rgb */ color: rgb(71, 11, 66);
/* oklch */ color: oklch(28.5% 0.112 331.8);
Tailwind
colors: {
  custom: {
    50: '#7d5276',
    500: '#470b42',
    950: '#000000',
  },
}
SCSS
$custom: #470b42;
$custom-light: #7d5276;
$custom-dark: #000000;
JSON
{
  "hex": "#470b42",
  "rgb": {
    "r": 71,
    "g": 11,
    "b": 66
  },
  "hsl": {
    "h": 305,
    "s": 73.171,
    "l": 16.078
  },
  "oklch": {
    "l": 0.28502,
    "c": 0.11178,
    "h": 331.8
  },
  "luminance": 0.01972
}

Semantic roles & 50–950 ramp

primary
#470B42
secondary
#2A8332
accent
#F04738
background
#F7F4F7
surface
#EEE7ED
border
#C9C3C8
text
#0A0208
muted
#7C787B

Preview Lab

Preview with #470B42

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

Preview Lab → · Contrast checker → · Palette generator →

#470B42 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva