#4D2099#4D2099

#4D2099 is a dark, vivid violet. Relative luminance 0.049; OKLCH L 38.8% C 0.180 H 292.8°. Best body text is #FFFFFF at 10.59:1 contrast (WCAG AA passes).

Color values

HEX#4D2099
RGBrgb(77, 32, 153)
HSLhsl(262, 65%, 36%)
HSVhsv(262, 79%, 60%)
CMYKcmyk(49.7%, 79.1%, 0%, 40%)
CIE-LABlab(26.48, 47.51, -57.75)
CIE-LCHlch(26.48, 74.78, 309.45°)
OKLaboklab(38.78% 0.0698 -0.1658)
OKLCHoklch(38.78% 0.18 292.8)
XYZxyz(9.3252, 4.9104, 30.5873)
Luminance0.0491 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4D2099 #6C9920
analogous
#203099 #4D2099 #8A2099
triadic
#4D2099 #994D20 #20994D
tetradic
#4D2099 #992030 #6C9920 #20998A
square
#4D2099 #992030 #6C9920 #20998A
split-complementary
#4D2099 #998A20 #309920
monochromatic
#1A0B34 #341566 #4D2099 #662BCC #8957DC

Accessibility & contrast

On white

10.59
#4D2099 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.98
#4D2099 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #4D2099
10.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4D2099#FFFFFF#000000##FFFFFF
##4D20991.0010.591.9810.59
#FFFFFF10.591.0021.001.00
#0000001.9821.001.0021.00
##FFFFFF10.591.0021.001.00

Color blindness preview

Protanopia (red-blind)
#00409C
Deuteranopia (green-blind)
#003C97
Tritanopia (blue-blind)
#35425C
Achromatopsia (no color)
#3F3F3F

Design tokens & code

CSS
--color: #4d2099;
/* rgb */ color: rgb(77, 32, 153);
/* oklch */ color: oklch(38.8% 0.180 292.8);
Tailwind
colors: {
  custom: {
    50: '#8761b8',
    500: '#4d2099',
    950: '#000000',
  },
}
SCSS
$custom: #4d2099;
$custom-light: #8761b8;
$custom-dark: #000000;
JSON
{
  "hex": "#4d2099",
  "rgb": {
    "r": 77,
    "g": 32,
    "b": 153
  },
  "hsl": {
    "h": 262.314,
    "s": 65.405,
    "l": 36.275
  },
  "oklch": {
    "l": 0.38777,
    "c": 0.17987,
    "h": 292.8
  },
  "luminance": 0.04911
}

Semantic roles & 50–950 ramp

primary
#4D2099
secondary
#98C055
accent
#E83FAA
background
#F8F6FB
surface
#F0EBF6
border
#CBC6D0
text
#0C0511
muted
#7D7A80

Preview Lab

Preview with #4D2099

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

Preview Lab → · Contrast checker → · Palette generator →

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