#BB92E6#BB92E6

#BB92E6 es un color claro y vivo de la familia violeta. Luminancia relativa 0.368; OKLCH L 72.9% C 0.126 H 305.9°. El mejor color de texto es #000000 con contraste 8.37:1 (cumple WCAG AA).

Valores del color

HEX#BB92E6
RGBrgb(187, 146, 230)
HSLhsl(269, 63%, 74%)
HSVhsv(269, 37%, 90%)
CMYKcmyk(18.7%, 36.5%, 0%, 9.8%)
CIE-LABlab(67.15, 31.43, -36.79)
CIE-LCHlch(67.15, 48.39, 310.51°)
OKLaboklab(72.94% 0.0738 -0.1018)
OKLCHoklch(72.94% 0.126 305.9)
XYZxyz(45.0525, 36.8360, 79.5842)
Luminance0.3684 (WCAG relative)
Temperaturecool
Familyviolet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#BB92E6 #BDE692
analogous
#9293E6 #BB92E6 #E592E6
triadic
#BB92E6 #E6BB92 #92E6BB
tetradic
#BB92E6 #E69293 #BDE692 #92E6E5
square
#BB92E6 #E69293 #BDE692 #92E6E5
split-complementary
#BB92E6 #E6E592 #93E692
monochromatic
#7D2FCE #9C60DB #BB92E6 #DAC4F1 #EFE6F9

Accesibilidad y contraste

On white

2.51
#BB92E6 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.37
#BB92E6 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #BB92E6
8.37:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##BB92E6#FFFFFF#000000##000000
##BB92E61.002.518.378.37
#FFFFFF2.511.0021.0021.00
#0000008.3721.001.001.00
##0000008.3721.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#80A2E9
Deuteranopia (green-blind)
#89A4E4
Tritanopia (blue-blind)
#B59FB1
Achromatopsia (no color)
#A3A3A3

Tokens de diseño y código

CSS
--color: #bb92e6;
/* rgb */ color: rgb(187, 146, 230);
/* oklch */ color: oklch(72.9% 0.126 305.9);
Tailwind
colors: {
  custom: {
    50: '#d0b2ee',
    500: '#bb92e6',
    950: '#000000',
  },
}
SCSS
$custom: #bb92e6;
$custom-light: #d0b2ee;
$custom-dark: #000000;
JSON
{
  "hex": "#bb92e6",
  "rgb": {
    "r": 187,
    "g": 146,
    "b": 230
  },
  "hsl": {
    "h": 269.286,
    "s": 62.687,
    "l": 73.725
  },
  "oklch": {
    "l": 0.72936,
    "c": 0.12572,
    "h": 305.9
  },
  "luminance": 0.36836
}

Semantic roles & 50–950 ramp

primary
#BB92E6
secondary
#E6F1DA
accent
#CA1B75
background
#FCFBFE
surface
#F9F6FD
border
#D2D0D5
text
#141116
muted
#828084

Laboratorio de vista previa

Vista previa con #BB92E6

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

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

#BB92E6 — Tintiva