#70257C#70257C

#70257C is a dark, vivid purple. Relative luminance 0.062; OKLCH L 41.6% C 0.153 H 321.9°. Best body text is #FFFFFF at 9.36:1 contrast (WCAG AA passes).

Color values

HEX#70257C
RGBrgb(112, 37, 124)
HSLhsl(292, 54%, 32%)
HSVhsv(292, 70%, 49%)
CMYKcmyk(9.7%, 70.2%, 0%, 51.4%)
CIE-LABlab(29.97, 45.38, -33.84)
CIE-LCHlch(29.97, 56.60, 323.29°)
OKLaboklab(41.6% 0.1202 -0.0944)
OKLCHoklch(41.6% 0.153 321.9)
XYZxyz(10.9814, 6.2237, 19.6877)
Luminance0.0622 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#70257C #317C25
analogous
#45257C #70257C #7C255D
triadic
#70257C #7C7025 #257C70
tetradic
#70257C #7C4525 #317C25 #255D7C
square
#70257C #7C4525 #317C25 #255D7C
split-complementary
#70257C #5D7C25 #257C45
monochromatic
#1B091E #45174D #70257C #9B33AB #BA50CB

Accessibility & contrast

On white

9.36
#70257C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.24
#70257C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #70257C
9.36:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##70257C#FFFFFF#000000##FFFFFF
##70257C1.009.362.249.36
#FFFFFF9.361.0021.001.00
#0000002.2421.001.0021.00
##FFFFFF9.361.0021.001.00

Color blindness preview

Protanopia (red-blind)
#09417F
Deuteranopia (green-blind)
#30497A
Tritanopia (blue-blind)
#71344D
Achromatopsia (no color)
#474747

Design tokens & code

CSS
--color: #70257c;
/* rgb */ color: rgb(112, 37, 124);
/* oklch */ color: oklch(41.6% 0.153 321.9);
Tailwind
colors: {
  custom: {
    50: '#9c66a2',
    500: '#70257c',
    950: '#000000',
  },
}
SCSS
$custom: #70257c;
$custom-light: #9c66a2;
$custom-dark: #000000;
JSON
{
  "hex": "#70257c",
  "rgb": {
    "r": 112,
    "g": 37,
    "b": 124
  },
  "hsl": {
    "h": 291.724,
    "s": 54.037,
    "l": 31.569
  },
  "oklch": {
    "l": 0.41597,
    "c": 0.15287,
    "h": 321.9
  },
  "luminance": 0.06223
}

Semantic roles & 50–950 ramp

primary
#70257C
secondary
#5CAE4F
accent
#DD4A5F
background
#F9F6FA
surface
#F2EBF3
border
#CCC6CD
text
#0F060F
muted
#7E7A7F

Preview Lab

Preview with #70257C

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

Preview Lab → · Contrast checker → · Palette generator →

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