#4E4064#4E4064

#4E4064 is a dark, moderate violet. Relative luminance 0.062; OKLCH L 40.2% C 0.062 H 301.6°. Best body text is #FFFFFF at 9.37:1 contrast (WCAG AA passes).

Color values

HEX	#4E4064
RGB	rgb(78, 64, 100)
HSL	hsl(263, 22%, 32%)
HSV	hsv(263, 36%, 39%)
CMYK	cmyk(22%, 36%, 0%, 60.8%)
CIE-LAB	lab(29.93, 14.33, -18.96)
CIE-LCH	lch(29.93, 23.77, 307.07°)
OKLab	oklab(40.16% 0.0322 -0.0524)
OKLCH	oklch(40.16% 0.062 301.6)
XYZ	xyz(7.2750, 6.2066, 12.8688)
Luminance	0.0621 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#4E4064 #566440

analogous

#404464 #4E4064 #604064

triadic

#4E4064 #644E40 #40644E

tetradic

#4E4064 #644044 #566440 #406460

square

#4E4064 #644044 #566440 #406460

split-complementary

#4E4064 #646040 #446440

monochromatic

#141019 #31283F #4E4064 #6B5889 #8A77A8

Accessibility & contrast

On white

9.37

#4E4064 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.24

#4E4064 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #4E4064

9.37:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##4E4064	#FFFFFF	#000000	##FFFFFF
##4E4064	1.00	9.37	2.24	9.37
#FFFFFF	9.37	1.00	21.00	1.00
#000000	2.24	21.00	1.00	21.00
##FFFFFF	9.37	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#384665

Deuteranopia (green-blind)

#3B4663

Tritanopia (blue-blind)

#4A464D

Achromatopsia (no color)

#464646

Design tokens & code

CSS

--color: #4e4064;
/* rgb */ color: rgb(78, 64, 100);
/* oklch */ color: oklch(40.2% 0.062 301.6);

Tailwind

colors: {
  custom: {
    50: '#807590',
    500: '#4e4064',
    950: '#000000',
  },
}

SCSS

$custom: #4e4064;
$custom-light: #807590;
$custom-dark: #000000;

JSON

{
  "hex": "#4e4064",
  "rgb": {
    "r": 78,
    "g": 64,
    "b": 100
  },
  "hsl": {
    "h": 263.333,
    "s": 21.951,
    "l": 32.157
  },
  "oklch": {
    "l": 0.40157,
    "c": 0.06153,
    "h": 301.6
  },
  "luminance": 0.06207
}

Semantic roles & 50–950 ramp

primary

#4E4064

secondary

#84936C

accent

#BE699D

background

#F7F7F8

surface

#EEEDF0

border

#C9C8CB

text

#0A080C

muted

#7C7B7D

Preview Lab

Preview with #4E4064

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

Preview Lab → · Contrast checker → · Palette generator →