#B84FAA#B84FAA

#B84FAA es un color medio y vivo de la familia purple. Luminancia relativa 0.187; OKLCH L 59.4% C 0.174 H 333.0°. El mejor color de texto es #000000 con contraste 4.74:1 (cumple WCAG AA).

Valores del color

HEX	#B84FAA
RGB	rgb(184, 79, 170)
HSL	hsl(308, 43%, 52%)
HSV	hsv(308, 57%, 72%)
CMYK	cmyk(0%, 57.1%, 7.6%, 27.8%)
CIE-LAB	lab(50.32, 53.89, -28.97)
CIE-LCH	lch(50.32, 61.18, 331.74°)
OKLab	oklab(59.41% 0.1548 -0.079)
OKLCH	oklch(59.41% 0.174 333)
XYZ	xyz(29.8188, 18.6867, 40.0588)
Luminance	0.1868 (WCAG relative)
Temperature	neutral
Family	purple

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#B84FAA #4FB85D

analogous

#924FB8 #B84FAA #B84F76

triadic

#B84FAA #AAB84F #4FAAB8

tetradic

#B84FAA #B8924F #4FB85D #4F76B8

square

#B84FAA #B8924F #4FB85D #4F76B8

split-complementary

#B84FAA #76B84F #4FB892

monochromatic

#64285C #903A84 #B84FAA #CA7BBF #DBA6D4

Accesibilidad y contraste

On white

4.43

#B84FAA on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.74

#B84FAA on #000000

AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #B84FAA

4.74:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##B84FAA	#FFFFFF	#000000	##000000
##B84FAA	1.00	4.43	4.74	4.74
#FFFFFF	4.43	1.00	21.00	21.00
#000000	4.74	21.00	1.00	1.00
##000000	4.74	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#4C6EAD

Deuteranopia (green-blind)

#6D7DA7

Tritanopia (blue-blind)

#BF5775

Achromatopsia (no color)

#787878

Tokens de diseño y código

CSS

--color: #b84faa;
/* rgb */ color: rgb(184, 79, 170);
/* oklch */ color: oklch(59.4% 0.174 333.0);

Tailwind

colors: {
  custom: {
    50: '#d086c3',
    500: '#b84faa',
    950: '#000000',
  },
}

SCSS

$custom: #b84faa;
$custom-light: #d086c3;
$custom-dark: #000000;

JSON

{
  "hex": "#b84faa",
  "rgb": {
    "r": 184,
    "g": 79,
    "b": 170
  },
  "hsl": {
    "h": 308,
    "s": 42.51,
    "l": 51.569
  },
  "oklch": {
    "l": 0.59411,
    "c": 0.17379,
    "h": 333
  },
  "luminance": 0.18685
}

Semantic roles & 50–950 ramp

primary

#B84FAA

secondary

#9AC8A0

accent

#D26656

background

#FDF8FC

surface

#FAF0F8

border

#D3CBD1

text

#140B12

muted

#837C81

Laboratorio de vista previa

Vista previa con #B84FAA

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

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