#9155EB#9155EB

#9155EB es un color medio y muy saturado de la familia violeta. Luminancia relativa 0.185; OKLCH L 59.4% C 0.216 H 297.9°. El mejor color de texto es #000000 con contraste 4.70:1 (cumple WCAG AA).

Valores del color

HEX	#9155EB
RGB	rgb(145, 85, 235)
HSL	hsl(264, 79%, 63%)
HSV	hsv(264, 64%, 92%)
CMYK	cmyk(38.3%, 63.8%, 0%, 7.8%)
CIE-LAB	lab(50.11, 55.14, -66.91)
CIE-LCH	lch(50.11, 86.71, 309.49°)
OKLab	oklab(59.39% 0.1008 -0.1906)
OKLCH	oklch(59.39% 0.216 297.9)
XYZ	xyz(29.9171, 18.5145, 80.5786)
Luminance	0.1852 (WCAG relative)
Temperature	cool
Family	violet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#9155EB #AFEB55

analogous

#5564EB #9155EB #DC55EB

triadic

#9155EB #EB9155 #55EB91

tetradic

#9155EB #EB5564 #AFEB55 #55EBDC

square

#9155EB #EB5564 #AFEB55 #55EBDC

split-complementary

#9155EB #EBDC55 #64EB55

monochromatic

#5315B1 #6E1EE5 #9155EB #B48CF1 #D8C3F8

Accesibilidad y contraste

On white

4.47

#9155EB on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.70

#9155EB on #000000

AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #9155EB

4.70:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##9155EB	#FFFFFF	#000000	##000000
##9155EB	1.00	4.47	4.70	4.70
#FFFFFF	4.47	1.00	21.00	21.00
#000000	4.70	21.00	1.00	1.00
##000000	4.70	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#0078F0

Deuteranopia (green-blind)

#0076E8

Tritanopia (blue-blind)

#7C7799

Achromatopsia (no color)

#777777

Tokens de diseño y código

CSS

--color: #9155eb;
/* rgb */ color: rgb(145, 85, 235);
/* oklch */ color: oklch(59.4% 0.216 297.9);

Tailwind

colors: {
  custom: {
    50: '#b788f2',
    500: '#9155eb',
    950: '#000000',
  },
}

SCSS

$custom: #9155eb;
$custom-light: #b788f2;
$custom-dark: #000000;

JSON

{
  "hex": "#9155eb",
  "rgb": {
    "r": 145,
    "g": 85,
    "b": 235
  },
  "hsl": {
    "h": 264,
    "s": 78.947,
    "l": 62.745
  },
  "oklch": {
    "l": 0.59386,
    "c": 0.21565,
    "h": 297.9
  },
  "luminance": 0.18515
}

Semantic roles & 50–950 ramp

primary

#9155EB

secondary

#D3E9B3

accent

#DB0A88

background

#FBF8FE

surface

#F7F0FD

border

#D0CBD5

text

#120C17

muted

#817D85

Laboratorio de vista previa

Vista previa con #9155EB

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

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