#48274C#48274C

#48274C is a dark, moderate purple. Relative luminance 0.034; OKLCH L 33.2% C 0.076 H 323.1°. Best body text is #FFFFFF at 12.57:1 contrast (WCAG AA passes).

Color values

HEX#48274C
RGBrgb(72, 39, 76)
HSLhsl(294, 32%, 23%)
HSVhsv(294, 49%, 30%)
CMYKcmyk(5.3%, 48.7%, 0%, 70.2%)
CIE-LABlab(21.40, 22.36, -16.53)
CIE-LCHlch(21.40, 27.80, 323.53°)
OKLaboklab(33.15% 0.0605 -0.0454)
OKLCHoklch(33.15% 0.076 323.1)
XYZxyz(4.7024, 3.3508, 7.2351)
Luminance0.0335 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#48274C #2B4C27
analogous
#36274C #48274C #4C273D
triadic
#48274C #4C4827 #274C48
tetradic
#48274C #4C3627 #2B4C27 #273D4C
square
#48274C #4C3627 #2B4C27 #273D4C
split-complementary
#48274C #3D4C27 #274C36
monochromatic
#130A14 #221224 #48274C #6E3C74 #95519D

Accessibility & contrast

On white

12.57
#48274C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.67
#48274C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #48274C
12.57:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##48274C#FFFFFF#000000##FFFFFF
##48274C1.0012.571.6712.57
#FFFFFF12.571.0021.001.00
#0000001.6721.001.0021.00
##FFFFFF12.571.0021.001.00

Color blindness preview

Protanopia (red-blind)
#23314D
Deuteranopia (green-blind)
#2C354B
Tritanopia (blue-blind)
#492B36
Achromatopsia (no color)
#333333

Design tokens & code

CSS
--color: #48274c;
/* rgb */ color: rgb(72, 39, 76);
/* oklch */ color: oklch(33.2% 0.076 323.1);
Tailwind
colors: {
  custom: {
    50: '#7c627e',
    500: '#48274c',
    950: '#000000',
  },
}
SCSS
$custom: #48274c;
$custom-light: #7c627e;
$custom-dark: #000000;
JSON
{
  "hex": "#48274c",
  "rgb": {
    "r": 72,
    "g": 39,
    "b": 76
  },
  "hsl": {
    "h": 293.514,
    "s": 32.174,
    "l": 22.549
  },
  "oklch": {
    "l": 0.33153,
    "c": 0.07562,
    "h": 323.1
  },
  "luminance": 0.03351
}

Semantic roles & 50–950 ramp

primary
#48274C
secondary
#557F50
accent
#C85F6B
background
#F7F5F7
surface
#EEEAEE
border
#C9C6C9
text
#09050A
muted
#7B797C

Preview Lab

Preview with #48274C

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

Preview Lab → · Contrast checker → · Palette generator →

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