#4E1B86#4E1B86

#4E1B86 es un color oscuro y vivo de la familia violeta. Luminancia relativa 0.041; OKLCH L 36.6% C 0.164 H 299.6°. El mejor color de texto es #FFFFFF con contraste 11.51:1 (cumple WCAG AA).

Valores del color

HEX#4E1B86
RGBrgb(78, 27, 134)
HSLhsl(269, 66%, 32%)
HSVhsv(269, 80%, 53%)
CMYKcmyk(41.8%, 79.9%, 0%, 47.5%)
CIE-LABlab(24.08, 44.86, -49.89)
CIE-LCHlch(24.08, 67.09, 311.96°)
OKLaboklab(36.59% 0.0812 -0.1427)
OKLCHoklch(36.59% 0.164 299.6)
XYZxyz(7.8358, 4.1247, 22.9330)
Luminance0.0413 (WCAG relative)
Temperaturecool
Familyviolet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#4E1B86 #53861B
analogous
#1B1E86 #4E1B86 #841B86
triadic
#4E1B86 #864E1B #1B864E
tetradic
#4E1B86 #861B1E #53861B #1B8684
square
#4E1B86 #861B1E #53861B #1B8684
split-complementary
#4E1B86 #86841B #1E861B
monochromatic
#130620 #301153 #4E1B86 #6C25B9 #8A42D9

Accesibilidad y contraste

On white

11.51
#4E1B86 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.83
#4E1B86 on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #4E1B86
11.51:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##4E1B86#FFFFFF#000000##FFFFFF
##4E1B861.0011.511.8311.51
#FFFFFF11.511.0021.001.00
#0000001.8321.001.0021.00
##FFFFFF11.511.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#003989
Deuteranopia (green-blind)
#003884
Tritanopia (blue-blind)
#413850
Achromatopsia (no color)
#393939

Tokens de diseño y código

CSS
--color: #4e1b86;
/* rgb */ color: rgb(78, 27, 134);
/* oklch */ color: oklch(36.6% 0.164 299.6);
Tailwind
colors: {
  custom: {
    50: '#865eaa',
    500: '#4e1b86',
    950: '#000000',
  },
}
SCSS
$custom: #4e1b86;
$custom-light: #865eaa;
$custom-dark: #000000;
JSON
{
  "hex": "#4e1b86",
  "rgb": {
    "r": 78,
    "g": 27,
    "b": 134
  },
  "hsl": {
    "h": 268.598,
    "s": 66.46,
    "l": 31.569
  },
  "oklch": {
    "l": 0.36591,
    "c": 0.16414,
    "h": 299.6
  },
  "luminance": 0.04125
}

Semantic roles & 50–950 ramp

primary
#4E1B86
secondary
#81B944
accent
#E93E98
background
#F8F5FA
surface
#F0E9F4
border
#CBC5CE
text
#0C0510
muted
#7D797F

Laboratorio de vista previa

Vista previa con #4E1B86

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

Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →

#4E1B86 — Tintiva