#945EAE#945EAE

#945EAE es un color medio y vivo de la familia purple. Luminancia relativa 0.174; OKLCH L 57.3% C 0.132 H 314.0°. El mejor color de texto es #FFFFFF con contraste 4.70:1 (cumple WCAG AA).

Valores del color

HEX	#945EAE
RGB	rgb(148, 94, 174)
HSL	hsl(281, 33%, 53%)
HSV	hsv(281, 46%, 68%)
CMYK	cmyk(14.9%, 46%, 0%, 31.8%)
CIE-LAB	lab(48.71, 36.48, -34.17)
CIE-LCH	lch(48.71, 49.98, 316.87°)
OKLab	oklab(57.28% 0.0914 -0.0948)
OKLCH	oklch(57.28% 0.132 314)
XYZ	xyz(23.8542, 17.3579, 42.1300)
Luminance	0.1736 (WCAG relative)
Temperature	cool
Family	purple

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#945EAE #78AE5E

analogous

#6C5EAE #945EAE #AE5EA0

triadic

#945EAE #AE945E #5EAE94

tetradic

#945EAE #AE6C5E #78AE5E #5EA0AE

square

#945EAE #AE6C5E #78AE5E #5EA0AE

split-complementary

#945EAE #A0AE5E #5EAE6C

monochromatic

#513161 #73458A #945EAE #AF87C2 #CAAFD7

Accesibilidad y contraste

On white

4.70

#945EAE on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.47

#945EAE on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #945EAE

4.70:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##945EAE	#FFFFFF	#000000	##FFFFFF
##945EAE	1.00	4.70	4.47	4.70
#FFFFFF	4.70	1.00	21.00	1.00
#000000	4.47	21.00	1.00	21.00
##FFFFFF	4.70	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#4E71B1

Deuteranopia (green-blind)

#5D75AC

Tritanopia (blue-blind)

#926A7E

Achromatopsia (no color)

#747474

Tokens de diseño y código

CSS

--color: #945eae;
/* rgb */ color: rgb(148, 94, 174);
/* oklch */ color: oklch(57.3% 0.132 314.0);

Tailwind

colors: {
  custom: {
    50: '#b58dc6',
    500: '#945eae',
    950: '#000000',
  },
}

SCSS

$custom: #945eae;
$custom-light: #b58dc6;
$custom-dark: #000000;

JSON

{
  "hex": "#945eae",
  "rgb": {
    "r": 148,
    "g": 94,
    "b": 174
  },
  "hsl": {
    "h": 280.5,
    "s": 33.058,
    "l": 52.549
  },
  "oklch": {
    "l": 0.57279,
    "c": 0.13173,
    "h": 314
  },
  "luminance": 0.17357
}

Semantic roles & 50–950 ramp

primary

#945EAE

secondary

#AEC5A3

accent

#C95F81

background

#FBF8FC

surface

#F6F0F8

border

#D0CBD1

text

#110C13

muted

#807D82

Laboratorio de vista previa

Vista previa con #945EAE

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

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