#4C1369#4C1369

#4C1369 is a dark, vivid violet. Relative luminance 0.030; OKLCH L 33.0% C 0.142 H 311.0°. Best body text is #FFFFFF at 13.09:1 contrast (WCAG AA passes).

Color values

HEX#4C1369
RGBrgb(76, 19, 105)
HSLhsl(280, 69%, 24%)
HSVhsv(280, 82%, 41%)
CMYKcmyk(27.6%, 81.9%, 0%, 58.8%)
CIE-LABlab(20.13, 40.68, -37.78)
CIE-LCHlch(20.13, 55.52, 317.12°)
OKLaboklab(32.98% 0.093 -0.1071)
OKLCHoklch(32.98% 0.142 311)
XYZxyz(5.7627, 3.0223, 13.6417)
Luminance0.0302 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4C1369 #306913
analogous
#211369 #4C1369 #69135B
triadic
#4C1369 #694C13 #13694C
tetradic
#4C1369 #692113 #306913 #135B69
square
#4C1369 #692113 #306913 #135B69
split-complementary
#4C1369 #5B6913 #136921
monochromatic
#13051A #260A35 #4C1369 #721C9D #9726D1

Accessibility & contrast

On white

13.09
#4C1369 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.60
#4C1369 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #4C1369
13.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4C1369#FFFFFF#000000##FFFFFF
##4C13691.0013.091.6013.09
#FFFFFF13.091.0021.001.00
#0000001.6021.001.0021.00
##FFFFFF13.091.0021.001.00

Color blindness preview

Protanopia (red-blind)
#002E6B
Deuteranopia (green-blind)
#003267
Tritanopia (blue-blind)
#48283E
Achromatopsia (no color)
#313131

Design tokens & code

CSS
--color: #4c1369;
/* rgb */ color: rgb(76, 19, 105);
/* oklch */ color: oklch(33.0% 0.142 311.0);
Tailwind
colors: {
  custom: {
    50: '#825894',
    500: '#4c1369',
    950: '#000000',
  },
}
SCSS
$custom: #4c1369;
$custom-light: #825894;
$custom-dark: #000000;
JSON
{
  "hex": "#4c1369",
  "rgb": {
    "r": 76,
    "g": 19,
    "b": 105
  },
  "hsl": {
    "h": 279.767,
    "s": 69.355,
    "l": 24.314
  },
  "oklch": {
    "l": 0.32983,
    "c": 0.1418,
    "h": 311
  },
  "luminance": 0.03022
}

Semantic roles & 50–950 ramp

primary
#4C1369
secondary
#5BA038
accent
#EC3C77
background
#F8F5F9
surface
#EFE9F1
border
#CAC5CB
text
#0B040D
muted
#7C797E

Preview Lab

Preview with #4C1369

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

Preview Lab → · Contrast checker → · Palette generator →

#4C1369 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva