#470647#470647

#470647 is a dark, vivid purple. Relative luminance 0.019; OKLCH L 28.4% C 0.122 H 328.2°. Best body text is #FFFFFF at 15.16:1 contrast (WCAG AA passes).

Color values

HEX#470647
RGBrgb(71, 6, 71)
HSLhsl(300, 84%, 15%)
HSVhsv(300, 92%, 28%)
CMYKcmyk(0%, 91.5%, 0%, 72.2%)
CIE-LABlab(15.09, 36.98, -23.06)
CIE-LCHlch(15.09, 43.58, 328.06°)
OKLaboklab(28.43% 0.1033 -0.064)
OKLCHoklch(28.43% 0.122 328.2)
XYZxyz(3.8009, 1.9251, 6.1314)
Luminance0.0192 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#470647 #064706
analogous
#260647 #470647 #470626
triadic
#470647 #474706 #064747
tetradic
#470647 #472606 #064706 #062647
square
#470647 #472606 #064706 #062647
split-complementary
#470647 #264706 #064726
monochromatic
#1C021C #1C021C #470647 #7F0B7F #B810B8

Accessibility & contrast

On white

15.16
#470647 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.39
#470647 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #470647
15.16:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##470647#FFFFFF#000000##FFFFFF
##4706471.0015.161.3915.16
#FFFFFF15.161.0021.001.00
#0000001.3921.001.0021.00
##FFFFFF15.161.0021.001.00

Color blindness preview

Protanopia (red-blind)
#002149
Deuteranopia (green-blind)
#1A2946
Tritanopia (blue-blind)
#4A1227
Achromatopsia (no color)
#262626

Design tokens & code

CSS
--color: #470647;
/* rgb */ color: rgb(71, 6, 71);
/* oklch */ color: oklch(28.4% 0.122 328.2);
Tailwind
colors: {
  custom: {
    50: '#7d507a',
    500: '#470647',
    950: '#000000',
  },
}
SCSS
$custom: #470647;
$custom-light: #7d507a;
$custom-dark: #000000;
JSON
{
  "hex": "#470647",
  "rgb": {
    "r": 71,
    "g": 6,
    "b": 71
  },
  "hsl": {
    "h": 300,
    "s": 84.416,
    "l": 15.098
  },
  "oklch": {
    "l": 0.28427,
    "c": 0.12151,
    "h": 328.2
  },
  "luminance": 0.01925
}

Semantic roles & 50–950 ramp

primary
#470647
secondary
#238623
accent
#FB2D2D
background
#F7F4F7
surface
#EEE7ED
border
#C9C3C8
text
#0A0209
muted
#7C787B

Preview Lab

Preview with #470647

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

Preview Lab → · Contrast checker → · Palette generator →

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