#BD9DDB#BD9DDB

#BD9DDB es un color claro y moderadamente saturado de la familia violeta. Luminancia relativa 0.400; OKLCH L 74.6% C 0.094 H 307.8°. El mejor color de texto es #000000 con contraste 9.01:1 (cumple WCAG AA).

Valores del color

HEX	#BD9DDB
RGB	rgb(189, 157, 219)
HSL	hsl(271, 46%, 74%)
HSV	hsv(271, 28%, 86%)
CMYK	cmyk(13.7%, 28.3%, 0%, 14.1%)
CIE-LAB	lab(69.50, 23.52, -27.08)
CIE-LCH	lch(69.50, 35.87, 310.98°)
OKLab	oklab(74.63% 0.0575 -0.0741)
OKLCH	oklch(74.63% 0.094 307.8)
XYZ	xyz(45.8271, 40.0476, 72.3198)
Luminance	0.4005 (WCAG relative)
Temperature	cool
Family	violet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#BD9DDB #BBDB9D

analogous

#9E9DDB #BD9DDB #DB9DDA

triadic

#BD9DDB #DBBD9D #9DDBBD

tetradic

#BD9DDB #DB9E9D #BBDB9D #9DDADB

square

#BD9DDB #DB9E9D #BBDB9D #9DDADB

split-complementary

#BD9DDB #DADB9D #9DDB9E

monochromatic

#8144B9 #9F70CB #BD9DDB #DBCAEB #F0E9F7

Accesibilidad y contraste

On white

2.33

#BD9DDB on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.01

#BD9DDB on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #BD9DDB

9.01:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##BD9DDB	#FFFFFF	#000000	##000000
##BD9DDB	1.00	2.33	9.01	9.01
#FFFFFF	2.33	1.00	21.00	21.00
#000000	9.01	21.00	1.00	1.00
##000000	9.01	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#92A8DE

Deuteranopia (green-blind)

#98AAD9

Tritanopia (blue-blind)

#B9A5B3

Achromatopsia (no color)

#AAAAAA

Tokens de diseño y código

CSS

--color: #bd9ddb;
/* rgb */ color: rgb(189, 157, 219);
/* oklch */ color: oklch(74.6% 0.094 307.8);

Tailwind

colors: {
  custom: {
    50: '#d1bae6',
    500: '#bd9ddb',
    950: '#000000',
  },
}

SCSS

$custom: #bd9ddb;
$custom-light: #d1bae6;
$custom-dark: #000000;

JSON

{
  "hex": "#bd9ddb",
  "rgb": {
    "r": 189,
    "g": 157,
    "b": 219
  },
  "hsl": {
    "h": 270.968,
    "s": 46.269,
    "l": 73.725
  },
  "oklch": {
    "l": 0.74628,
    "c": 0.0938,
    "h": 307.8
  },
  "luminance": 0.40047
}

Semantic roles & 50–950 ramp

primary

#BD9DDB

secondary

#E5EEDD

accent

#B92C70

background

#FCFBFE

surface

#F9F6FC

border

#D2D0D5

text

#141116

muted

#828084

Laboratorio de vista previa

Vista previa con #BD9DDB

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

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