#280827#280827

#280827 is a very dark, moderate purple. Relative luminance 0.008; OKLCH L 20.7% C 0.071 H 329.0°. Best body text is #FFFFFF at 18.19:1 contrast (WCAG AA passes).

Color values

HEX#280827
RGBrgb(40, 8, 39)
HSLhsl(302, 67%, 9%)
HSVhsv(302, 80%, 16%)
CMYKcmyk(0%, 80%, 2.5%, 84.3%)
CIE-LABlab(6.97, 21.43, -13.15)
CIE-LCHlch(6.97, 25.14, 328.46°)
OKLaboklab(20.68% 0.0608 -0.0365)
OKLCHoklch(20.68% 0.071 329)
XYZxyz(1.3281, 0.7714, 1.9980)
Luminance0.0077 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#280827 #082809
analogous
#190828 #280827 #280817
triadic
#280827 #272808 #082728
tetradic
#280827 #281908 #082809 #081728
square
#280827 #281908 #082809 #081728
split-complementary
#280827 #172808 #082819
monochromatic
#1A0519 #1A0519 #280827 #5B1259 #8E1C8A

Accessibility & contrast

On white

18.19
#280827 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.15
#280827 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #280827
18.19:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##280827#FFFFFF#000000##FFFFFF
##2808271.0018.191.1518.19
#FFFFFF18.191.0021.001.00
#0000001.1521.001.0021.00
##FFFFFF18.191.0021.001.00

Color blindness preview

Protanopia (red-blind)
#051328
Deuteranopia (green-blind)
#101726
Tritanopia (blue-blind)
#2A0C16
Achromatopsia (no color)
#151515

Design tokens & code

CSS
--color: #280827;
/* rgb */ color: rgb(40, 8, 39);
/* oklch */ color: oklch(20.7% 0.071 329.0);
Tailwind
colors: {
  custom: {
    50: '#634a61',
    500: '#280827',
    950: '#000000',
  },
}
SCSS
$custom: #280827;
$custom-light: #634a61;
$custom-dark: #000000;
JSON
{
  "hex": "#280827",
  "rgb": {
    "r": 40,
    "g": 8,
    "b": 39
  },
  "hsl": {
    "h": 301.875,
    "s": 66.667,
    "l": 9.412
  },
  "oklch": {
    "l": 0.20679,
    "c": 0.07092,
    "h": 329
  },
  "luminance": 0.00771
}

Semantic roles & 50–950 ramp

primary
#280827
secondary
#256727
accent
#EA443E
background
#F6F4F5
surface
#EBE7E9
border
#C6C3C5
text
#050105
muted
#7A7779

Preview Lab

Preview with #280827

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

Preview Lab → · Contrast checker → · Palette generator →

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