#BD88ED#BD88ED

#BD88ED es un color claro y vivo de la familia violeta. Luminancia relativa 0.345; OKLCH L 71.8% C 0.152 H 307.2°. El mejor color de texto es #000000 con contraste 7.91:1 (cumple WCAG AA).

Valores del color

HEX	#BD88ED
RGB	rgb(189, 136, 237)
HSL	hsl(271, 74%, 73%)
HSV	hsv(271, 43%, 93%)
CMYK	cmyk(20.3%, 42.6%, 0%, 7.1%)
CIE-LAB	lab(65.39, 39.09, -43.39)
CIE-LCH	lch(65.39, 58.40, 312.01°)
OKLab	oklab(71.75% 0.0915 -0.1207)
OKLCH	oklch(71.75% 0.152 307.2)
XYZ	xyz(45.0735, 34.5420, 84.3971)
Luminance	0.3454 (WCAG relative)
Temperature	cool
Family	violet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#BD88ED #B8ED88

analogous

#8A88ED #BD88ED #ED88EB

triadic

#BD88ED #EDBD88 #88EDBD

tetradic

#BD88ED #ED8A88 #B8ED88 #88EBED

square

#BD88ED #ED8A88 #B8ED88 #88EBED

split-complementary

#BD88ED #EBED88 #88ED8A

monochromatic

#8221DA #A053E5 #BD88ED #DABDF5 #F0E4FB

Accesibilidad y contraste

On white

2.66

#BD88ED on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.91

#BD88ED on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #BD88ED

7.91:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##BD88ED	#FFFFFF	#000000	##000000
##BD88ED	1.00	2.66	7.91	7.91
#FFFFFF	2.66	1.00	21.00	21.00
#000000	7.91	21.00	1.00	1.00
##000000	7.91	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#709DF1

Deuteranopia (green-blind)

#7D9FEA

Tritanopia (blue-blind)

#B698AF

Achromatopsia (no color)

#9F9F9F

Tokens de diseño y código

CSS

--color: #bd88ed;
/* rgb */ color: rgb(189, 136, 237);
/* oklch */ color: oklch(71.8% 0.152 307.2);

Tailwind

colors: {
  custom: {
    50: '#d2abf3',
    500: '#bd88ed',
    950: '#000000',
  },
}

SCSS

$custom: #bd88ed;
$custom-light: #d2abf3;
$custom-dark: #000000;

JSON

{
  "hex": "#bd88ed",
  "rgb": {
    "r": 189,
    "g": 136,
    "b": 237
  },
  "hsl": {
    "h": 271.485,
    "s": 73.723,
    "l": 73.137
  },
  "oklch": {
    "l": 0.7175,
    "c": 0.15152,
    "h": 307.2
  },
  "luminance": 0.34542
}

Semantic roles & 50–950 ramp

primary

#BD88ED

secondary

#E5F3D8

accent

#D6106E

background

#FDFAFE

surface

#FAF4FD

border

#D3CED5

text

#141017

muted

#837F85

Laboratorio de vista previa

Vista previa con #BD88ED

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

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