#442978#442978

#442978 is a dark, vivid violet. Relative luminance 0.042; OKLCH L 36.0% C 0.128 H 294.9°. Best body text is #FFFFFF at 11.45:1 contrast (WCAG AA passes).

Color values

HEX#442978
RGBrgb(68, 41, 120)
HSLhsl(261, 49%, 32%)
HSVhsv(261, 66%, 47%)
CMYKcmyk(43.3%, 65.8%, 0%, 52.9%)
CIE-LABlab(24.23, 31.76, -40.86)
CIE-LCHlch(24.23, 51.76, 307.86°)
OKLaboklab(36.05% 0.054 -0.1166)
OKLCHoklch(36.05% 0.128 294.9)
XYZxyz(6.5661, 4.1707, 18.2247)
Luminance0.0417 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#442978 #5D7829
analogous
#293678 #442978 #6C2978
triadic
#442978 #784429 #297844
tetradic
#442978 #782936 #5D7829 #29786C
square
#442978 #782936 #5D7829 #29786C
split-complementary
#442978 #786C29 #367829
monochromatic
#100A1D #2A194A #442978 #5E39A6 #7C56C5

Accessibility & contrast

On white

11.45
#442978 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.83
#442978 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #442978
11.45:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##442978#FFFFFF#000000##FFFFFF
##4429781.0011.451.8311.45
#FFFFFF11.451.0021.001.00
#0000001.8321.001.0021.00
##FFFFFF11.451.0021.001.00

Color blindness preview

Protanopia (red-blind)
#003A7A
Deuteranopia (green-blind)
#003876
Tritanopia (blue-blind)
#363B4C
Achromatopsia (no color)
#3A3A3A

Design tokens & code

CSS
--color: #442978;
/* rgb */ color: rgb(68, 41, 120);
/* oklch */ color: oklch(36.0% 0.128 294.9);
Tailwind
colors: {
  custom: {
    50: '#7c64a0',
    500: '#442978',
    950: '#000000',
  },
}
SCSS
$custom: #442978;
$custom-light: #7c64a0;
$custom-dark: #000000;
JSON
{
  "hex": "#442978",
  "rgb": {
    "r": 68,
    "g": 41,
    "b": 120
  },
  "hsl": {
    "h": 260.506,
    "s": 49.068,
    "l": 31.569
  },
  "oklch": {
    "l": 0.36045,
    "c": 0.12846,
    "h": 294.9
  },
  "luminance": 0.04171
}

Semantic roles & 50–950 ramp

primary
#442978
secondary
#8CAA53
accent
#D94FAA
background
#F7F6F9
surface
#EEEBF2
border
#C9C6CC
text
#0A050F
muted
#7C7A7E

Preview Lab

Preview with #442978

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

Preview Lab → · Contrast checker → · Palette generator →

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