#441474#441474

#441474 is a dark, vivid violet. Relative luminance 0.030; OKLCH L 32.9% C 0.150 H 300.7°. Best body text is #FFFFFF at 13.14:1 contrast (WCAG AA passes).

Color values

HEX#441474
RGBrgb(68, 20, 116)
HSLhsl(270, 71%, 27%)
HSVhsv(270, 83%, 45%)
CMYKcmyk(41.4%, 82.8%, 0%, 54.5%)
CIE-LABlab(20.00, 41.49, -45.18)
CIE-LCHlch(20.00, 61.34, 312.57°)
OKLaboklab(32.93% 0.0768 -0.1291)
OKLCHoklch(32.93% 0.15 300.7)
XYZxyz(5.7857, 2.9902, 16.7920)
Luminance0.0299 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#441474 #447414
analogous
#141474 #441474 #741474
triadic
#441474 #744414 #147444
tetradic
#441474 #741414 #447414 #147474
square
#441474 #741414 #447414 #147474
split-complementary
#441474 #747414 #147414
monochromatic
#0F051A #250B40 #441474 #631DA8 #8128DA

Accessibility & contrast

On white

13.14
#441474 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.60
#441474 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #441474
13.14:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##441474#FFFFFF#000000##FFFFFF
##4414741.0013.141.6013.14
#FFFFFF13.141.0021.001.00
#0000001.6021.001.0021.00
##FFFFFF13.141.0021.001.00

Color blindness preview

Protanopia (red-blind)
#003077
Deuteranopia (green-blind)
#003072
Tritanopia (blue-blind)
#392E44
Achromatopsia (no color)
#303030

Design tokens & code

CSS
--color: #441474;
/* rgb */ color: rgb(68, 20, 116);
/* oklch */ color: oklch(32.9% 0.150 300.7);
Tailwind
colors: {
  custom: {
    50: '#7d589d',
    500: '#441474',
    950: '#000000',
  },
}
SCSS
$custom: #441474;
$custom-light: #7d589d;
$custom-dark: #000000;
JSON
{
  "hex": "#441474",
  "rgb": {
    "r": 68,
    "g": 20,
    "b": 116
  },
  "hsl": {
    "h": 270,
    "s": 70.588,
    "l": 26.667
  },
  "oklch": {
    "l": 0.32934,
    "c": 0.15024,
    "h": 300.7
  },
  "luminance": 0.0299
}

Semantic roles & 50–950 ramp

primary
#441474
secondary
#72AA3A
accent
#ED3A94
background
#F8F5F9
surface
#EFE9F2
border
#CAC5CC
text
#0A040E
muted
#7C797E

Preview Lab

Preview with #441474

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

Preview Lab → · Contrast checker → · Palette generator →

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